naria-ui 0.1.34 → 0.1.36

package/README.md

@@ -1,87 +1,76 @@
-# Genmoji
-
-[![npm version](https://img.shields.io/npm/v/naria-ui?style=flat-square)](https://www.npmjs.com/package/naria-ui)
-[![npm downloads](https://img.shields.io/npm/dm/@janardanPethani/naria-ui?style=flat-square)](https://www.npmjs.com/package/naria-ui)
-[![GitHub](https://img.shields.io/badge/github-JanardanPethani%2Fnaria-ui-blue?logo=github&style=flat-square)](https://github.com/JanardanPethani/naria-ui)
-
-<!-- Add a license badge if you add a LICENSE file, e.g. MIT:
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
--->
-
-Generate emojis, GIFs, and stickers as per user mood.
-
----
-
-## ✨ Features
-
-- Generate mood-based emojis, memes, and slogans
-- React component for easy integration
-- No configuration required
-
----
-
-## 📦 Installation
-
-```bash
-npm install naria-ui
-```
-
----
-
-## 🚀 Usage
-
-Here's a simple example using the main `Chat` component in your React app:
-
-```tsx
-import React from "react";
-import { Chat } from "naria-ui";
-
-function App() {
-  return (
-    <div>
-      <h1>Genmoji Demo</h1>
-      <Chat />
-    </div>
-  );
-}
-
-export default App;
-```
-
-The `Chat` component provides a floating button. Click it, enter your mood, and get relevant emojis, memes, and slogans instantly!
-
----
-
-## 📚 API
-
-- **`<Chat />`**  
-  A ready-to-use React component for mood-based emoji, meme, and slogan generation.
-
-- **`generateResponse(input: string): Promise<{ memes: string[], emojis: string[], slogans: string[] }>`**  
-  Utility function to generate content programmatically.
-
----
-
-## 🛠 Configuration
-
-No configuration or environment variables are required.
-
----
-
-## 🤝 Contributing & Support
-
-Maintained by [Janardan Pethani](https://janardanpethani.in)  
-Email: jpethani11@gmail.com  
-GitHub: [JanardanPethani/naria-ui](https://github.com/JanardanPethani/naria-ui)
-
-Feel free to open issues or pull requests!
-
----
-
-## 📄 License
-
-_This project currently does not specify a license. To make your project open source, add a LICENSE file and badge!_
-
----
-
-> _Generated with ❤️ by [Janardan Pethani](https://janardanpethani.in)_
+# Naria UI
+
+[![npm version](https://img.shields.io/npm/v/naria-ui?style=flat-square)](https://www.npmjs.com/package/naria-ui)
+[![npm downloads](https://img.shields.io/npm/dm/@janardanPethani/naria-ui?style=flat-square)](https://www.npmjs.com/package/naria-ui)
+[![GitHub](https://img.shields.io/badge/github-JanardanPethani%2Fnaria-ui-blue?logo=github&style=flat-square)](https://github.com/JanardanPethani/naria-ui)
+
+<!-- Add a license badge if you add a LICENSE file, e.g. MIT:
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+-->
+
+Generate emojis, GIFs, and stickers as per user mood.
+
+---
+
+## ✨ Features
+
+- Generate mood-based emojis, memes, and slogans
+- React component for easy integration
+- No configuration required
+
+---
+
+## 📦 Installation
+
+```bash
+npm install naria-ui
+```
+
+---
+
+## 🚀 Usage
+
+Here's a simple example using the main `Chat` component in your React app:
+
+```tsx
+import React from "react";
+import { Chat } from "naria-ui";
+
+function App() {
+  return (
+    <div>
+      <h1>Genmoji Demo</h1>
+      <Chat />
+    </div>
+  );
+}
+
+export default App;
+```
+
+The `Chat` component provides a floating button. Click it, enter your mood, and get relevant emojis, memes, and slogans instantly!
+
+---
+
+## 📚 API
+
+- **`<Chat />`**  
+  A ready-to-use React component for mood-based emoji, meme, and slogan generation.
+
+- **`generateResponse(input: string): Promise<{ memes: string[], emojis: string[], slogans: string[] }>`**  
+  Utility function to generate content programmatically.
+
+---
+
+## 🛠 Configuration
+
+No configuration or environment variables are required.
+
+
+## 📄 License
+
+_This project currently does not specify a license. To make your project open source, add a LICENSE file and badge!_
+
+---
+
+> _Generated with ❤️ by [naria.enenom.com](https://naria.enenom.com)_

package/dist/lib/components/Input/Input.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+export interface props {
+    type?: "password" | "text";
+    wrapperClass?: string;
+    labelClass?: string;
+    inputClass?: string;
+    errorClass?: string;
+    placeholder: string;
+    label: string;
+    hasError?: string | null;
+    register?: any;
+    name?: string;
+    isDisabled?: boolean;
+    autocomplete?: boolean;
+}
+export declare const Input: FC<props>;

package/dist/lib/components/Select/Select.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+export interface props {
+    list?: any[];
+    label?: string;
+    title: string;
+    value?: string;
+    api?: any;
+    maxHeight?: string;
+    theme?: "secondary";
+    hasError?: string | null;
+    size?: "md" | "sm";
+    onSelectChange?: any;
+    selected?: any;
+}
+export declare const Select: FC<props>;

package/dist/lib/components/Select/index.d.ts

@@ -0,0 +1 @@
+export { Select } from './Select';

package/dist/{components → lib/components}/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Button';
 export * from './Input';
+export * from './Select';

package/dist/lib/utils/navigator.d.ts

@@ -0,0 +1,3 @@
+export declare const removeNavigation: () => void;
+export declare const addNavigation: (state: string) => void;
+export declare const onHashChanges: () => boolean;

package/dist/naria-ui.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react");var p={exports:{}},R={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react");function ne(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const f=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(a,s,f.get?f:{enumerable:!0,get:()=>r[s]})}}return a.default=r,Object.freeze(a)}const $=ne(m);var P={exports:{}},y={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var $;function te(){if($)return R;$=1;var a=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function d(m,u,s){var E=null;if(s!==void 0&&(E=""+s),u.key!==void 0&&(E=""+u.key),"key"in u){s={};for(var b in u)b!=="key"&&(s[b]=u[b])}else s=u;return u=s.ref,{$$typeof:a,type:m,key:E,ref:u!==void 0?u:null,props:s}}return R.Fragment=l,R.jsx=d,R.jsxs=d,R}var _={};/**
+ */var H;function oe(){if(H)return y;H=1;var r=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function s(f,l,i){var g=null;if(i!==void 0&&(g=""+i),l.key!==void 0&&(g=""+l.key),"key"in l){i={};for(var p in l)p!=="key"&&(i[p]=l[p])}else i=l;return l=i.ref,{$$typeof:r,type:f,key:g,ref:l!==void 0?l:null,props:i}}return y.Fragment=a,y.jsx=s,y.jsxs=s,y}var C={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,12 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var F;function ne(){return F||(F=1,process.env.NODE_ENV!=="production"&&function(){function a(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Q?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case z:return"Profiler";case q:return"StrictMode";case X:return"Suspense";case B:return"SuspenseList";case Z:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case W:return"Portal";case V:return(e.displayName||"Context")+".Provider";case J:return(e._context.displayName||"Context")+".Consumer";case G:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case H:return r=e.displayName||null,r!==null?r:a(e.type)||"Memo";case g:r=e._payload,e=e._init;try{return a(e(r))}catch{}}return null}function l(e){return""+e}function d(e){try{l(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),l(e)}}function m(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var r=a(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=k.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function E(e){if(h.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function t(){y||(y=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function L(){var e=a(this.type);return N[e]||(N[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function U(e,r,t,n,i,c,A,S){return t=c.ref,e={$$typeof:w,type:e,key:r,props:c,_owner:i},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:L}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:S}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,r,t,n,i,c,A,S){var o=r.children;if(o!==void 0)if(n)if(K(o)){for(n=0;n<o.length;n++)x(o[n]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else x(o);if(h.call(r,"key")){o=a(e);var f=Object.keys(r).filter(function(ee){return ee!=="key"});n=0<f.length?"{key: someKey, "+f.join(": ..., ")+": ...}":"{key: someKey}",I[o+n]||(f=0<f.length?"{"+f.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var Q;function ae(){return Q||(Q=1,process.env.NODE_ENV!=="production"&&function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case j:return"Fragment";case T:return"Profiler";case h:return"StrictMode";case Y:return"Suspense";case I:return"SuspenseList";case z:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case L:return"Portal";case A:return(e.displayName||"Context")+".Provider";case S:return(e._context.displayName||"Context")+".Consumer";case _:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case W:return t=e.displayName||null,t!==null?t:r(e.type)||"Memo";case c:t=e._payload,e=e._init;try{return r(e(t))}catch{}}return null}function a(e){return""+e}function s(e){try{a(e);var t=!1}catch{t=!0}if(t){t=console;var o=t.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),a(e)}}function f(e){if(e===j)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===c)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function l(){var e=D.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function g(e){if(J.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function p(e,t){function o(){B||(B=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function N(){var e=r(this.type);return V[e]||(V[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function R(e,t,o,u,E,v,q,F){return o=v.ref,e={$$typeof:O,type:e,key:t,props:v,_owner:E},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:N}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:F}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function x(e,t,o,u,E,v,q,F){var d=t.children;if(d!==void 0)if(u)if(te(d)){for(u=0;u<d.length;u++)w(d[u]);Object.freeze&&Object.freeze(d)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(d);if(J.call(t,"key")){d=r(e);var k=Object.keys(t).filter(function(re){return re!=="key"});u=0<k.length?"{key: someKey, "+k.join(": ..., ")+": ...}":"{key: someKey}",Z[d+u]||(k=0<k.length?"{"+k.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,n,o,f,o),I[o+n]=!0)}if(o=null,t!==void 0&&(d(t),o=""+t),E(r)&&(d(r.key),o=""+r.key),"key"in r){t={};for(var P in r)P!=="key"&&(t[P]=r[P])}else t=r;return o&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),U(e,o,c,i,u(),t,A,S)}function x(e){typeof e=="object"&&e!==null&&e.$$typeof===w&&e._store&&(e._store.validated=1)}var v=re,w=Symbol.for("react.transitional.element"),W=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),J=Symbol.for("react.consumer"),V=Symbol.for("react.context"),G=Symbol.for("react.forward_ref"),X=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),H=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),Z=Symbol.for("react.activity"),Q=Symbol.for("react.client.reference"),k=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,h=Object.prototype.hasOwnProperty,K=Array.isArray,O=console.createTask?console.createTask:function(){return null};v={"react-stack-bottom-frame":function(e){return e()}};var y,N={},C=v["react-stack-bottom-frame"].bind(v,s)(),Y=O(m(s)),I={};_.Fragment=T,_.jsx=function(e,r,t,n,i){var c=1e4>k.recentlyCreatedOwnerStacks++;return j(e,r,t,!1,n,i,c?Error("react-stack-top-frame"):C,c?O(m(e)):Y)},_.jsxs=function(e,r,t,n,i){var c=1e4>k.recentlyCreatedOwnerStacks++;return j(e,r,t,!0,n,i,c?Error("react-stack-top-frame"):C,c?O(m(e)):Y)}}()),_}var D;function oe(){return D||(D=1,process.env.NODE_ENV==="production"?p.exports=te():p.exports=ne()),p.exports}var M=oe();const ae=({type:a="button",value:l})=>M.jsx("button",{type:a,children:l}),ue=({type:a="text",placeholder:l})=>M.jsx("input",{type:a,placeholder:l});function se(a){return a.charAt(0).toUpperCase()+a.slice(1)}exports.Button=ae;exports.Input=ue;exports.capitalize=se;
+  <%s key={someKey} {...props} />`,u,d,k,d),Z[d+u]=!0)}if(d=null,o!==void 0&&(s(o),d=""+o),g(t)&&(s(t.key),d=""+t.key),"key"in t){o={};for(var U in t)U!=="key"&&(o[U]=t[U])}else o=t;return d&&p(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,d,v,E,l(),o,q,F)}function w(e){typeof e=="object"&&e!==null&&e.$$typeof===O&&e._store&&(e._store.validated=1)}var b=m,O=Symbol.for("react.transitional.element"),L=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),T=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),A=Symbol.for("react.context"),_=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),W=Symbol.for("react.memo"),c=Symbol.for("react.lazy"),z=Symbol.for("react.activity"),ee=Symbol.for("react.client.reference"),D=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,J=Object.prototype.hasOwnProperty,te=Array.isArray,M=console.createTask?console.createTask:function(){return null};b={"react-stack-bottom-frame":function(e){return e()}};var B,V={},G=b["react-stack-bottom-frame"].bind(b,i)(),X=M(f(i)),Z={};C.Fragment=j,C.jsx=function(e,t,o,u,E){var v=1e4>D.recentlyCreatedOwnerStacks++;return x(e,t,o,!1,u,E,v?Error("react-stack-top-frame"):G,v?M(f(e)):X)},C.jsxs=function(e,t,o,u,E){var v=1e4>D.recentlyCreatedOwnerStacks++;return x(e,t,o,!0,u,E,v?Error("react-stack-top-frame"):G,v?M(f(e)):X)}}()),C}var K;function se(){return K||(K=1,process.env.NODE_ENV==="production"?P.exports=oe():P.exports=ae()),P.exports}var n=se();const ce=({type:r="button",value:a})=>n.jsx("button",{type:r,children:a}),le=({type:r="text",placeholder:a,wrapperClass:s="",labelClass:f="",inputClass:l="",errorClass:i="",label:g,hasError:p,register:N,name:R,isDisabled:x=!1,autocomplete:w=!1,...b})=>n.jsxs("div",{className:s,children:[n.jsxs("label",{htmlFor:R,className:`${f} ${p&&"error"}`,children:[g,n.jsx("input",{disabled:x,autoComplete:w?"on":"off",id:R,...N,...b,type:r,name:R,className:`${l} ${p&&"error"} ${i}`,placeholder:a})]}),p&&n.jsx("p",{className:i,children:p})]}),ie=r=>$.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor",...r},$.createElement("path",{d:"M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z"})),ue=r=>$.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",fill:"currentColor",...r},$.createElement("path",{d:"M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z"})),de=()=>{const[r,a]=m.useState(typeof window<"u"?window.innerWidth:0),s=()=>a(typeof window<"u"?window.innerWidth:0);return m.useEffect(()=>(window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)),[r]),r},fe=({size:r="w-10 h-10",bgColor:a="text-gray-300",color:s="text-primary-100"})=>n.jsxs("svg",{className:`${r} ${a} animate-spin`,viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n.jsx("path",{d:"M32 3C35.8083 3 39.5794 3.75011 43.0978 5.20749C46.6163 6.66488 49.8132 8.80101 52.5061 11.4939C55.199 14.1868 57.3351 17.3837 58.7925 20.9022C60.2499 24.4206 61 28.1917 61 32C61 35.8083 60.2499 39.5794 58.7925 43.0978C57.3351 46.6163 55.199 49.8132 52.5061 52.5061C49.8132 55.199 46.6163 57.3351 43.0978 58.7925C39.5794 60.2499 35.8083 61 32 61C28.1917 61 24.4206 60.2499 20.9022 58.7925C17.3837 57.3351 14.1868 55.199 11.4939 52.5061C8.801 49.8132 6.66487 46.6163 5.20749 43.0978C3.7501 39.5794 3 35.8083 3 32C3 28.1917 3.75011 24.4206 5.2075 20.9022C6.66489 17.3837 8.80101 14.1868 11.4939 11.4939C14.1868 8.80099 17.3838 6.66487 20.9022 5.20749C24.4206 3.7501 28.1917 3 32 3L32 3Z",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M32 3C36.5778 3 41.0906 4.08374 45.1692 6.16256C49.2477 8.24138 52.7762 11.2562 55.466 14.9605C58.1558 18.6647 59.9304 22.9531 60.6448 27.4748C61.3591 31.9965 60.9928 36.6232 59.5759 40.9762",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeLinejoin:"round",className:s})]}),me=()=>{const r=`${window.location.pathname}${window.location.search}`;window.history.replaceState(null,"",r)},pe=r=>{window.location.hash=r},be=({list:r,label:a,hasError:s,title:f,value:l,api:i,maxHeight:g="max-h-64",theme:p="secondary",size:N="md",onSelectChange:R,selected:x})=>{const w=de(),[b,O]=m.useState(!1),[L,j]=m.useState(!0),[h,T]=m.useState(null),[S,A]=m.useState(null);m.useEffect(()=>{i&&(j(!0),i().then(c=>{j(!1),A(c?.data?.message?[]:c.data)}))},[i]),m.useEffect(()=>{w<1024&&(b?(pe("select"),document.body.style.overflow="hidden"):(window.location.hash&&!document.referrer.includes("#")&&me(),document.body.style.overflow="auto"))},[b]),m.useEffect(()=>{a?.length?T(S?.find(c=>c[a]===x)):T(x)},[x,S]),m.useEffect(()=>{r?.length&&A(r)},[r]);const _=()=>{O(c=>!c)},Y=c=>{c?.target?.className.toString()?.includes("backdrop-select")&&_()},I=c=>{T(c),_(),R(c)},W=c=>{if(!h)return"";if(a?.length&&c[a]===h[a]||c===h)return"bg-grey-100"};return n.jsxs("div",{className:"naria-select",children:[n.jsxs("label",{className:`cursor-pointer
+                ${s&&"!text-danger-100"}`,children:[n.jsx("span",{className:"",children:f}),n.jsxs("button",{type:"button",className:`relative z-20 flex items-center mt-1 text-base justify-between gap-2 w-full
+                         ${h?"text-dark-100":"text-grey-300"}
+                         ${s&&"!border-danger-100 focus:border-danger-100 outline-danger-100"}`,onClick:_,children:[h?l?.length?h[l]:h:"انتخاب"," ",n.jsx(ie,{className:`w-4 h-4 transition ease duration-200 ${b?"rotate-180":"rotate-0"}`})]})]}),b?n.jsxs("div",{className:`wrapper ${w<1024?"mobile":""}`,children:[n.jsx("div",{className:`list ${w<1024?"mobile":`desktop ${g}`}`,children:i&&L?n.jsx("div",{className:"py-10 flex justify-center",children:n.jsx(fe,{size:"w-7 h-7"})}):n.jsxs(n.Fragment,{children:[w<1024?n.jsx("div",{className:"sticky top-0 text-left",children:n.jsx("button",{className:"p-3",onClick:_,children:n.jsx(ue,{className:"w-6"})})}):void 0,S?.map((c,z)=>n.jsx("button",{type:"button",onClick:()=>I(c),className:`text-right py-2.5 px-4 text-base hover:bg-grey-100 rounded-lg ${W(c)}`,children:l?.length?c[l]:c},z.toString()))]})}),n.jsx("div",{className:"backdrop-select",onClick:Y})]}):void 0,s&&n.jsx("p",{className:"text-xs mt-1 text-danger-100",children:s})]})};function ve(r){return r.charAt(0).toUpperCase()+r.slice(1)}exports.Button=ce;exports.Input=le;exports.Select=be;exports.capitalize=ve;

package/dist/naria-ui.css

@@ -0,0 +1 @@
+.naria-select{position:relative}.naria-select .wrapper{overflow:hidden}.naria-select .wrapper.mobile{position:fixed;top:0;right:0;height:100%;width:100%;z-index:97}.naria-select .list{display:flex;flex-direction:column;width:100%;z-index:99}.naria-select .list.mobile{position:relative;height:100%}.naria-select .list.desktop{overflow:auto;position:absolute;animation:fadeInTranslateY .3s ease-out forwards}.naria-select .backdrop-select{position:fixed;top:0;left:0;bottom:0;width:100%;height:100%;z-index:98;background-color:#0003}@keyframes fadeInTranslateY{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

package/dist/naria-ui.es.js

@@ -1,5 +1,6 @@
-import re from "react";
-var p = { exports: {} }, b = {};
+import * as $ from "react";
+import oe, { useState as y, useEffect as S } from "react";
+var L = { exports: {} }, C = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +10,29 @@ var p = { exports: {} }, b = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $;
-function te() {
-  if ($) return b;
-  $ = 1;
-  var a = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
-  function d(m, s, u) {
-    var E = null;
-    if (u !== void 0 && (E = "" + u), s.key !== void 0 && (E = "" + s.key), "key" in s) {
-      u = {};
-      for (var R in s)
-        R !== "key" && (u[R] = s[R]);
-    } else u = s;
-    return s = u.ref, {
-      $$typeof: a,
-      type: m,
-      key: E,
-      ref: s !== void 0 ? s : null,
-      props: u
+var Q;
+function ae() {
+  if (Q) return C;
+  Q = 1;
+  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function i(v, c, l) {
+    var w = null;
+    if (l !== void 0 && (w = "" + l), c.key !== void 0 && (w = "" + c.key), "key" in c) {
+      l = {};
+      for (var f in c)
+        f !== "key" && (l[f] = c[f]);
+    } else l = c;
+    return c = l.ref, {
+      $$typeof: t,
+      type: v,
+      key: w,
+      ref: c !== void 0 ? c : null,
+      props: l
     };
   }
-  return b.Fragment = l, b.jsx = d, b.jsxs = d, b;
+  return C.Fragment = s, C.jsx = i, C.jsxs = i, C;
 }
-var _ = {};
+var N = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,125 +42,125 @@ var _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var F;
-function ne() {
-  return F || (F = 1, process.env.NODE_ENV !== "production" && function() {
-    function a(e) {
+var K;
+function se() {
+  return K || (K = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+        return e.$$typeof === re ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case T:
+        case R:
           return "Fragment";
-        case z:
+        case k:
           return "Profiler";
-        case q:
+        case h:
           return "StrictMode";
-        case X:
+        case I:
           return "Suspense";
-        case B:
+        case W:
           return "SuspenseList";
-        case Z:
+        case q:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case W:
+          case Y:
             return "Portal";
-          case V:
+          case P:
             return (e.displayName || "Context") + ".Provider";
-          case J:
+          case T:
             return (e._context.displayName || "Context") + ".Consumer";
-          case G:
+          case _:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case H:
-            return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
-          case h:
+          case F:
+            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
+          case a:
             r = e._payload, e = e._init;
             try {
-              return a(e(r));
+              return t(e(r));
             } catch {
             }
         }
       return null;
     }
-    function l(e) {
+    function s(e) {
       return "" + e;
     }
-    function d(e) {
+    function i(e) {
       try {
-        l(e);
+        s(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
+        var o = r.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), l(e);
+          u
+        ), s(e);
       }
     }
-    function m(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === h)
+    function v(e) {
+      if (e === R) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === a)
         return "<...>";
       try {
-        var r = a(e);
+        var r = t(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var e = k.A;
+    function c() {
+      var e = z.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function E(e) {
-      if (g.call(e, "key")) {
+    function w(e) {
+      if (V.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function R(e, r) {
-      function t() {
-        y || (y = !0, console.error(
+    function f(e, r) {
+      function o() {
+        B || (B = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
         configurable: !0
       });
     }
-    function M() {
-      var e = a(this.type);
-      return N[e] || (N[e] = !0, console.error(
+    function A() {
+      var e = t(this.type);
+      return G[e] || (G[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function U(e, r, t, n, i, c, A, S) {
-      return t = c.ref, e = {
-        $$typeof: w,
+    function E(e, r, o, u, x, p, M, U) {
+      return o = p.ref, e = {
+        $$typeof: O,
         type: e,
         key: r,
-        props: c,
-        _owner: i
-      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
+        props: p,
+        _owner: x
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: M
+        get: A
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,117 +175,305 @@ function ne() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: M
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: U
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function P(e, r, t, n, i, c, A, S) {
-      var o = r.children;
-      if (o !== void 0)
-        if (n)
-          if (K(o)) {
-            for (n = 0; n < o.length; n++)
-              j(o[n]);
-            Object.freeze && Object.freeze(o);
+    function g(e, r, o, u, x, p, M, U) {
+      var d = r.children;
+      if (d !== void 0)
+        if (u)
+          if (te(d)) {
+            for (u = 0; u < d.length; u++)
+              b(d[u]);
+            Object.freeze && Object.freeze(d);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else j(o);
-      if (g.call(r, "key")) {
-        o = a(e);
-        var f = Object.keys(r).filter(function(ee) {
-          return ee !== "key";
+        else b(d);
+      if (V.call(r, "key")) {
+        d = t(e);
+        var j = Object.keys(r).filter(function(ne) {
+          return ne !== "key";
         });
-        n = 0 < f.length ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}", I[o + n] || (f = 0 < f.length ? "{" + f.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", H[d + u] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          n,
-          o,
-          f,
-          o
-        ), I[o + n] = !0);
+          u,
+          d,
+          j,
+          d
+        ), H[d + u] = !0);
       }
-      if (o = null, t !== void 0 && (d(t), o = "" + t), E(r) && (d(r.key), o = "" + r.key), "key" in r) {
-        t = {};
-        for (var x in r)
-          x !== "key" && (t[x] = r[x]);
-      } else t = r;
-      return o && R(
-        t,
+      if (d = null, o !== void 0 && (i(o), d = "" + o), w(r) && (i(r.key), d = "" + r.key), "key" in r) {
+        o = {};
+        for (var J in r)
+          J !== "key" && (o[J] = r[J]);
+      } else o = r;
+      return d && f(
+        o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), U(
+      ), E(
         e,
+        d,
+        p,
+        x,
+        c(),
         o,
-        c,
-        i,
-        s(),
-        t,
-        A,
-        S
+        M,
+        U
       );
     }
-    function j(e) {
-      typeof e == "object" && e !== null && e.$$typeof === w && e._store && (e._store.validated = 1);
+    function b(e) {
+      typeof e == "object" && e !== null && e.$$typeof === O && e._store && (e._store.validated = 1);
     }
-    var v = re, w = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), k = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, g = Object.prototype.hasOwnProperty, K = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var m = oe, O = Symbol.for("react.transitional.element"), Y = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), P = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), a = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), z = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, te = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    m = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var y, N = {}, C = v["react-stack-bottom-frame"].bind(
-      v,
-      u
-    )(), Y = O(m(u)), I = {};
-    _.Fragment = T, _.jsx = function(e, r, t, n, i) {
-      var c = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return P(
+    var B, G = {}, X = m["react-stack-bottom-frame"].bind(
+      m,
+      l
+    )(), Z = D(v(l)), H = {};
+    N.Fragment = R, N.jsx = function(e, r, o, u, x) {
+      var p = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         r,
-        t,
+        o,
         !1,
-        n,
-        i,
-        c ? Error("react-stack-top-frame") : C,
-        c ? O(m(e)) : Y
+        u,
+        x,
+        p ? Error("react-stack-top-frame") : X,
+        p ? D(v(e)) : Z
       );
-    }, _.jsxs = function(e, r, t, n, i) {
-      var c = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return P(
+    }, N.jsxs = function(e, r, o, u, x) {
+      var p = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         r,
-        t,
+        o,
         !0,
-        n,
-        i,
-        c ? Error("react-stack-top-frame") : C,
-        c ? O(m(e)) : Y
+        u,
+        x,
+        p ? Error("react-stack-top-frame") : X,
+        p ? D(v(e)) : Z
       );
     };
-  }()), _;
+  }()), N;
 }
-var D;
-function oe() {
-  return D || (D = 1, process.env.NODE_ENV === "production" ? p.exports = te() : p.exports = ne()), p.exports;
+var ee;
+function ce() {
+  return ee || (ee = 1, process.env.NODE_ENV === "production" ? L.exports = ae() : L.exports = se()), L.exports;
 }
-var L = oe();
-const se = ({ type: a = "button", value: l }) => /* @__PURE__ */ L.jsx("button", { type: a, children: l }), ue = ({ type: a = "text", placeholder: l }) => /* @__PURE__ */ L.jsx("input", { type: a, placeholder: l });
-function ce(a) {
-  return a.charAt(0).toUpperCase() + a.slice(1);
+var n = ce();
+const ve = ({ type: t = "button", value: s }) => /* @__PURE__ */ n.jsx("button", { type: t, children: s }), we = ({
+  type: t = "text",
+  placeholder: s,
+  wrapperClass: i = "",
+  labelClass: v = "",
+  inputClass: c = "",
+  errorClass: l = "",
+  label: w,
+  hasError: f,
+  register: A,
+  name: E,
+  isDisabled: g = !1,
+  autocomplete: b = !1,
+  ...m
+}) => /* @__PURE__ */ n.jsxs("div", { className: i, children: [
+  /* @__PURE__ */ n.jsxs(
+    "label",
+    {
+      htmlFor: E,
+      className: `${v} ${f && "error"}`,
+      children: [
+        w,
+        /* @__PURE__ */ n.jsx(
+          "input",
+          {
+            disabled: g,
+            autoComplete: b ? "on" : "off",
+            id: E,
+            ...A,
+            ...m,
+            type: t,
+            name: E,
+            className: `${c} ${f && "error"} ${l}`,
+            placeholder: s
+          }
+        )
+      ]
+    }
+  ),
+  f && /* @__PURE__ */ n.jsx("p", { className: l, children: f })
+] }), le = (t) => /* @__PURE__ */ $.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", fill: "currentColor", ...t }, /* @__PURE__ */ $.createElement("path", { d: "M241 337c-9.4 9.4-24.6 9.4-33.9 0L47 177c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143L367 143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L241 337z" })), ie = (t) => /* @__PURE__ */ $.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", fill: "currentColor", ...t }, /* @__PURE__ */ $.createElement("path", { d: "M480-424 284-228q-11 11-28 11t-28-11q-11-11-11-28t11-28l196-196-196-196q-11-11-11-28t11-28q11-11 28-11t28 11l196 196 196-196q11-11 28-11t28 11q11 11 11 28t-11 28L536-480l196 196q11 11 11 28t-11 28q-11 11-28 11t-28-11L480-424Z" })), ue = () => {
+  const [t, s] = y(typeof window < "u" ? window.innerWidth : 0), i = () => s(typeof window < "u" ? window.innerWidth : 0);
+  return S(() => (window.addEventListener("resize", i), () => window.removeEventListener("resize", i)), [t]), t;
+}, de = ({
+  size: t = "w-10 h-10",
+  bgColor: s = "text-gray-300",
+  color: i = "text-primary-100"
+}) => /* @__PURE__ */ n.jsxs(
+  "svg",
+  {
+    className: `${t} ${s} animate-spin`,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M32 3C35.8083 3 39.5794 3.75011 43.0978 5.20749C46.6163 6.66488 49.8132 8.80101 52.5061 11.4939C55.199 14.1868 57.3351 17.3837 58.7925 20.9022C60.2499 24.4206 61 28.1917 61 32C61 35.8083 60.2499 39.5794 58.7925 43.0978C57.3351 46.6163 55.199 49.8132 52.5061 52.5061C49.8132 55.199 46.6163 57.3351 43.0978 58.7925C39.5794 60.2499 35.8083 61 32 61C28.1917 61 24.4206 60.2499 20.9022 58.7925C17.3837 57.3351 14.1868 55.199 11.4939 52.5061C8.801 49.8132 6.66487 46.6163 5.20749 43.0978C3.7501 39.5794 3 35.8083 3 32C3 28.1917 3.75011 24.4206 5.2075 20.9022C6.66489 17.3837 8.80101 14.1868 11.4939 11.4939C14.1868 8.80099 17.3838 6.66487 20.9022 5.20749C24.4206 3.7501 28.1917 3 32 3L32 3Z",
+          stroke: "currentColor",
+          strokeWidth: "6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "path",
+        {
+          d: "M32 3C36.5778 3 41.0906 4.08374 45.1692 6.16256C49.2477 8.24138 52.7762 11.2562 55.466 14.9605C58.1558 18.6647 59.9304 22.9531 60.6448 27.4748C61.3591 31.9965 60.9928 36.6232 59.5759 40.9762",
+          stroke: "currentColor",
+          strokeWidth: "6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: i
+        }
+      )
+    ]
+  }
+), fe = () => {
+  const t = `${window.location.pathname}${window.location.search}`;
+  window.history.replaceState(null, "", t);
+}, me = (t) => {
+  window.location.hash = t;
+}, be = ({
+  list: t,
+  label: s,
+  hasError: i,
+  title: v,
+  value: c,
+  api: l,
+  maxHeight: w = "max-h-64",
+  theme: f = "secondary",
+  size: A = "md",
+  onSelectChange: E,
+  selected: g
+}) => {
+  const b = ue(), [m, O] = y(!1), [Y, R] = y(!0), [h, k] = y(null), [T, P] = y(null);
+  S(() => {
+    l && (R(!0), l().then((a) => {
+      R(!1), P(a?.data?.message ? [] : a.data);
+    }));
+  }, [l]), S(() => {
+    b < 1024 && (m ? (me("select"), document.body.style.overflow = "hidden") : (window.location.hash && !document.referrer.includes("#") && fe(), document.body.style.overflow = "auto"));
+  }, [m]), S(() => {
+    s?.length ? k(T?.find((a) => a[s] === g)) : k(g);
+  }, [g, T]), S(() => {
+    t?.length && P(t);
+  }, [t]);
+  const _ = () => {
+    O((a) => !a);
+  }, I = (a) => {
+    a?.target?.className.toString()?.includes("backdrop-select") && _();
+  }, W = (a) => {
+    k(a), _(), E(a);
+  }, F = (a) => {
+    if (!h)
+      return "";
+    if (s?.length && a[s] === h[s] || a === h)
+      return "bg-grey-100";
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: "naria-select", children: [
+    /* @__PURE__ */ n.jsxs(
+      "label",
+      {
+        className: `cursor-pointer
+                ${i && "!text-danger-100"}`,
+        children: [
+          /* @__PURE__ */ n.jsx("span", { className: "", children: v }),
+          /* @__PURE__ */ n.jsxs(
+            "button",
+            {
+              type: "button",
+              className: `relative z-20 flex items-center mt-1 text-base justify-between gap-2 w-full
+                         ${h ? "text-dark-100" : "text-grey-300"}
+                         ${i && "!border-danger-100 focus:border-danger-100 outline-danger-100"}`,
+              onClick: _,
+              children: [
+                h ? c?.length ? h[c] : h : "انتخاب",
+                " ",
+                /* @__PURE__ */ n.jsx(
+                  le,
+                  {
+                    className: `w-4 h-4 transition ease duration-200 ${m ? "rotate-180" : "rotate-0"}`
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    m ? /* @__PURE__ */ n.jsxs(
+      "div",
+      {
+        className: `wrapper ${b < 1024 ? "mobile" : ""}`,
+        children: [
+          /* @__PURE__ */ n.jsx(
+            "div",
+            {
+              className: `list ${b < 1024 ? "mobile" : `desktop ${w}`}`,
+              children: l && Y ? /* @__PURE__ */ n.jsx("div", { className: "py-10 flex justify-center", children: /* @__PURE__ */ n.jsx(de, { size: "w-7 h-7" }) }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                b < 1024 ? /* @__PURE__ */ n.jsx("div", { className: "sticky top-0 text-left", children: /* @__PURE__ */ n.jsx("button", { className: "p-3", onClick: _, children: /* @__PURE__ */ n.jsx(ie, { className: "w-6" }) }) }) : void 0,
+                T?.map((a, q) => /* @__PURE__ */ n.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => W(a),
+                    className: `text-right py-2.5 px-4 text-base hover:bg-grey-100 rounded-lg ${F(a)}`,
+                    children: c?.length ? a[c] : a
+                  },
+                  q.toString()
+                ))
+              ] })
+            }
+          ),
+          /* @__PURE__ */ n.jsx(
+            "div",
+            {
+              className: "backdrop-select",
+              onClick: I
+            }
+          )
+        ]
+      }
+    ) : void 0,
+    i && /* @__PURE__ */ n.jsx("p", { className: "text-xs mt-1 text-danger-100", children: i })
+  ] });
+};
+function he(t) {
+  return t.charAt(0).toUpperCase() + t.slice(1);
 }
 export {
-  se as Button,
-  ue as Input,
-  ce as capitalize
+  ve as Button,
+  we as Input,
+  be as Select,
+  he as capitalize
 };

package/package.json

@@ -5,7 +5,7 @@
     "name": "Mohammad Mehdi Mohammadi",
     "url": ""
   },
-  "version": "0.1.34",
+  "version": "0.1.36",
   "type": "module",
   "main": "dist/naria-ui.cjs.js",
   "module": "dist/naria-ui.es.js",
@@ -25,11 +25,13 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.build.json && vite build",
+    "build": "vite build",
+    "tsc": "tsc -p tsconfig.build.json",
     "lint": "eslint .",
     "preview": "vite preview"
   },
   "dependencies": {
+    "vite-plugin-svgr": "^4.5.0"
   },
   "peerDependencies": {
     "react": "^19.1.0",
@@ -47,10 +49,11 @@
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.4.0",
     "playwright": "^1.56.1",
+    "sass": "^1.93.2",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.1",
     "vite": "^7.1.10",
-    "vitest": "^3.2.4",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4"
   }
 }

package/dist/components/Input/Input.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export interface props {
-    type?: "password" | "text";
-    placeholder: string;
-}
-export declare const Input: FC<props>;