@purr-react-styled-components/components.select 0.0.4 → 0.0.6

package/dist/{_menu-BIoK4CXi.js → _menu-CSgQeF40.js}

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import h from "clsx";
 import { memo as b, createElement as w, forwardRef as y, useMemo as O } from "react";
-import { S as f } from "./index-DHVL3VhH.js";
+import { S as f } from "./index-CiHv3F2P.js";
 const $ = b(({
   value: t,
   displayedValue: e,

package/dist/{_menu--48HzVTM.cjs → _menu-Mw9ayM10.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),m=require("clsx"),s=require("react"),n=require("./index-D4NXEE_c.cjs"),S=s.memo(({value:t,displayedValue:e,label:l,disabled:c,htmlAttributes:d,handleSelectOption:a})=>s.createElement(n.Styled.Option,{...d,$selected:t===e,$disabled:c,key:t,className:m("select-option",t===e&&"select-option--selected",c&&"select-option--disabled"),onClick:a(t),title:typeof l=="string"?l:void 0},l));S.displayName="SelectOption";const y=s.forwardRef(({options:t,position:e,isShowed:l,currentValue:c,optionGroupClassName:d,htmlAttributes:a,selectOption:u},$)=>{const b=s.useMemo(()=>t.map(r=>h.jsx(S,{value:r.value,displayedValue:c,label:r.label,disabled:!!r.disabled,htmlAttributes:r.htmlAttributes,handleSelectOption:u},r.value)),[c,t,u]);return h.jsx(n.Styled.OptionGroup,{...a,$position:e,$isShowed:l,ref:$,className:m("select-options",!!(e!=null&&e.top)&&`select-options--position-top-${e.top}`,!!(e!=null&&e.left)&&`select-options--position-left-${e.left}`,!!(e!=null&&e.height)&&`select-options--position-height-${e.height}`,!!(e!=null&&e.width)&&`select-options--position-width-${e.width}`,l&&"select-options--showed",d),children:b})});y.displayName="SelectMenu";exports.SelectMenu=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),m=require("clsx"),s=require("react"),n=require("./index-W-_2mM5B.cjs"),S=s.memo(({value:t,displayedValue:e,label:l,disabled:c,htmlAttributes:d,handleSelectOption:a})=>s.createElement(n.Styled.Option,{...d,$selected:t===e,$disabled:c,key:t,className:m("select-option",t===e&&"select-option--selected",c&&"select-option--disabled"),onClick:a(t),title:typeof l=="string"?l:void 0},l));S.displayName="SelectOption";const y=s.forwardRef(({options:t,position:e,isShowed:l,currentValue:c,optionGroupClassName:d,htmlAttributes:a,selectOption:u},$)=>{const b=s.useMemo(()=>t.map(r=>h.jsx(S,{value:r.value,displayedValue:c,label:r.label,disabled:!!r.disabled,htmlAttributes:r.htmlAttributes,handleSelectOption:u},r.value)),[c,t,u]);return h.jsx(n.Styled.OptionGroup,{...a,$position:e,$isShowed:l,ref:$,className:m("select-options",!!(e!=null&&e.top)&&`select-options--position-top-${e.top}`,!!(e!=null&&e.left)&&`select-options--position-left-${e.left}`,!!(e!=null&&e.height)&&`select-options--position-height-${e.height}`,!!(e!=null&&e.width)&&`select-options--position-width-${e.width}`,l&&"select-options--showed",d),children:b})});y.displayName="SelectMenu";exports.SelectMenu=y;

package/dist/{index-DHVL3VhH.js → index-CiHv3F2P.js}

@@ -1,13 +1,13 @@
 import { jsx as n, jsxs as I } from "react/jsx-runtime";
-import m from "clsx";
-import { lazy as w, forwardRef as Y, useRef as B, useState as L, useMemo as $, Suspense as p, useCallback as J } from "react";
+import u from "clsx";
+import { lazy as w, forwardRef as Y, useRef as B, useState as L, useMemo as $, Suspense as g, useCallback as J } from "react";
 import { Portal as K } from "@purr-core/components.portal";
 import Q from "@purr-core/hooks.block";
 import U from "@purr-core/hooks.not-click-on-elements";
 import X from "@purr-core/hooks.sync-state-with-props";
 import x, { css as z } from "styled-components";
 import { getVariantStyle as Z } from "@purr-react-styled-components/utils.helpers";
-const q = (e) => e.$variant === "standard" ? z(["padding:0px 35px 0px 0px;"]) : z(["padding:0px 35px 0px 14px;"]), g = {
+const q = (e) => e.$variant === "standard" ? z(["padding:0px 35px 0px 0px;"]) : z(["padding:0px 35px 0px 14px;"]), p = {
   Container: x.div.withConfig({
     displayName: "_style__Container",
     componentId: "sc-1ikgo6d-0"
@@ -38,15 +38,13 @@ const q = (e) => e.$variant === "standard" ? z(["padding:0px 35px 0px 0px;"]) :
   Box: x.div.withConfig({
     displayName: "_style__Box",
     componentId: "sc-1ikgo6d-3"
-  })(["transition:all 200ms ease-in-out;position:relative;width:", ";height:56px;border-radius:4px;cursor:", ";", ";"], ({
+  })(["transition:all 200ms ease-in-out;position:relative;width:", ";height:56px;", ";"], ({
     $fullWidth: e
-  }) => e ? "100%" : "210px", ({
-    $disabled: e
-  }) => e ? "not-allowed" : "pointer", Z),
+  }) => e ? "100%" : "210px", Z),
   InnerBox: x.span.withConfig({
     displayName: "_style__InnerBox",
     componentId: "sc-1ikgo6d-4"
-  })(["position:absolute;transition:all 200ms ease-in-out;box-sizing:border-box;width:100%;height:", ";line-height:", ";top:", ";left:0px;background-color:transparent;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:", ';font-family:"Verdana",sans-serif;font-size:16px;', ";&:focus-visible{outline:none;}"], ({
+  })(["position:absolute;transition:all 200ms ease-in-out;box-sizing:border-box;width:100%;height:", ";line-height:", ";top:", ";left:0px;background-color:transparent;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:", ';font-family:"Verdana",sans-serif;font-size:16px;', ";&:focus-visible{outline:none;}"], ({
     $hasLabel: e
   }) => e ? "44px" : "56px", ({
     $hasLabel: e
@@ -75,11 +73,11 @@ const q = (e) => e.$variant === "standard" ? z(["padding:0px 35px 0px 0px;"]) :
   default: e.Label
 }))), ee = w(() => import("@purr-react-styled-components/components.post-adornment").then((e) => ({
   default: e.PostAdornment
-}))), te = w(() => import("./_menu-BIoK4CXi.js").then((e) => ({
+}))), te = w(() => import("./_menu-CSgQeF40.js").then((e) => ({
   default: e.SelectMenu
 }))), ne = (e, h = !0) => {
-  var o;
-  const t = (o = e.current) == null ? void 0 : o.getBoundingClientRect();
+  var f;
+  const t = (f = e.current) == null ? void 0 : f.getBoundingClientRect();
   return {
     left: (t == null ? void 0 : t.x) || 0,
     top: ((t == null ? void 0 : t.y) || 0) + (h && (window == null ? void 0 : window.scrollY) || 0),
@@ -90,21 +88,21 @@ const q = (e) => e.$variant === "standard" ? z(["padding:0px 35px 0px 0px;"]) :
   optionGroupClassName: e,
   options: h,
   value: t,
-  variant: o = "standard",
-  labelProps: f,
-  postAdornmentProps: c,
-  helperTextProps: r,
+  variant: f = "standard",
+  labelProps: c,
+  postAdornmentProps: o,
+  helperTextProps: s,
   className: R,
   fullWidth: y = !1,
   disabled: i = !1,
   required: v = !1,
-  error: s = null,
+  error: r = null,
   isStandalone: V = !1,
   tabIndex: E = -1,
   menuHtmlAttributes: F,
   htmlAttributes: O,
   onChange: _
-}, oe) => {
+}, fe) => {
   const S = B(null), C = B(null), [l, k] = L(!1), [W, M] = L(null), {
     currentValue: b,
     setCurrentValue: N
@@ -112,8 +110,8 @@ const q = (e) => e.$variant === "standard" ? z(["padding:0px 35px 0px 0px;"]) :
   U([S, C], () => {
     l && k(!1);
   });
-  const j = (u) => {
-    if (u.preventDefault(), !i) {
+  const j = (m) => {
+    if (m.preventDefault(), !i) {
       if (!l) {
         const d = ne(S);
         M({
@@ -123,22 +121,22 @@ const q = (e) => e.$variant === "standard" ? z(["padding:0px 35px 0px 0px;"]) :
       }
       k((d) => !d);
     }
-  }, G = Q(() => !!(i || l || b)), a = h.find((u) => u.value === b), H = $(() => /* @__PURE__ */ n(g.PostAdornmentContentWrapper, { $isShowed: l, $disabled: i, className: m("select-post-adornment-content", l && "select-post-adornment-content--showed", i && "select-post-adornment-content--disabled"), children: (c == null ? void 0 : c.children) ?? /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(T, { name: "chevron-down" }) }) }), [i, l, c == null ? void 0 : c.children]), D = J((u) => (d) => {
-    _ == null || _(u, d), k(!1), N(u);
+  }, G = Q(() => !!(i || l || b)), a = h.find((m) => m.value === b), H = $(() => /* @__PURE__ */ n(p.PostAdornmentContentWrapper, { $isShowed: l, $disabled: i, className: u("select-post-adornment-content", l && "select-post-adornment-content--showed", i && "select-post-adornment-content--disabled"), children: (o == null ? void 0 : o.children) ?? /* @__PURE__ */ n(g, { children: /* @__PURE__ */ n(T, { name: "chevron-down" }) }) }), [i, l, o == null ? void 0 : o.children]), D = J((m) => (d) => {
+    _ == null || _(m, d), k(!1), N(m);
   }, [_, N, k]);
-  return /* @__PURE__ */ I(g.Container, { ...O, $fullWidth: y, className: m("select", y && "select--fullWidth", R), children: [
-    /* @__PURE__ */ I(g.Box, { $variant: o, $disabled: i, $fullWidth: y, $isError: !!s, ref: S, onClick: j, tabIndex: E, className: m("select-box", y && "select-box--full-width", i && "select-box--disabled", !!s && "select-box--error", `select-box--variant-${o}`), children: [
-      /* @__PURE__ */ n(p, { children: !!(f != null && f.children) && /* @__PURE__ */ n(P, { ...f, required: v, disabled: i, variant: o, isLabelCollapsed: G, isFocused: l, isError: !!s }) }),
-      /* @__PURE__ */ n(g.FakeSelect, { required: v, disabled: i }),
-      /* @__PURE__ */ n(g.InnerBox, { $hasLabel: !!(f != null && f.children), $variant: o, $disabled: i, className: m("select-inner-box", `select-inner-box--variant-${o}`, !!(f != null && f.children) && "select-inner-box--hasLabel", i && "select-inner-box--disabled"), title: typeof (a == null ? void 0 : a.label) == "string" ? a == null ? void 0 : a.label : void 0, children: a == null ? void 0 : a.label }),
-      /* @__PURE__ */ n(p, { children: !!(c != null && c.children) && /* @__PURE__ */ n(ee, { ...c, variant: o, children: H }) }),
-      /* @__PURE__ */ n(p, { children: !!(r != null && r.children) && /* @__PURE__ */ n(A, { ...r, isError: !!s, variant: o, children: (s == null ? void 0 : s.message) ?? (r == null ? void 0 : r.children) ?? "" }) })
+  return /* @__PURE__ */ I(p.Container, { ...O, $fullWidth: y, className: u("select", y && "select--fullWidth", R), children: [
+    /* @__PURE__ */ I(p.Box, { $variant: f, $disabled: i, $fullWidth: y, $isError: !!r, ref: S, onClick: j, tabIndex: E, className: u("select-box", y && "select-box--full-width", i && "select-box--disabled", !!r && "select-box--error", `select-box--variant-${f}`), children: [
+      /* @__PURE__ */ n(g, { children: !!(c != null && c.children) && /* @__PURE__ */ n(P, { ...c, required: v, disabled: i, variant: f, isLabelCollapsed: G, isFocused: l, isError: !!r }) }),
+      /* @__PURE__ */ n(p.FakeSelect, { required: v, disabled: i }),
+      /* @__PURE__ */ n(p.InnerBox, { $hasLabel: !!(c != null && c.children), $variant: f, $disabled: i, className: u("select-inner-box", `select-inner-box--variant-${f}`, !!(c != null && c.children) && "select-inner-box--hasLabel", i && "select-inner-box--disabled"), title: typeof (a == null ? void 0 : a.label) == "string" ? a == null ? void 0 : a.label : void 0, children: a == null ? void 0 : a.label }),
+      /* @__PURE__ */ n(g, { children: !!(o != null && o.children) && /* @__PURE__ */ n(ee, { ...o, variant: f, children: H }) }),
+      /* @__PURE__ */ n(g, { children: !!(s != null && s.children) && /* @__PURE__ */ n(A, { ...s, isError: !!r, variant: f, children: (r == null ? void 0 : r.message) ?? (s == null ? void 0 : s.children) ?? "" }) })
     ] }),
-    /* @__PURE__ */ n(K, { className: m("portal-select", e), children: /* @__PURE__ */ n(p, { children: l && /* @__PURE__ */ n(te, { ref: C, options: h, position: W, isShowed: l, optionGroupClassName: e, currentValue: b, htmlAttributes: F, selectOption: D }) }) })
+    /* @__PURE__ */ n(K, { className: u("portal-select", e), children: /* @__PURE__ */ n(g, { children: l && /* @__PURE__ */ n(te, { ref: C, options: h, position: W, isShowed: l, optionGroupClassName: e, currentValue: b, htmlAttributes: F, selectOption: D }) }) })
   ] });
 });
 ie.displayName = "Select";
 export {
-  g as S,
+  p as S,
   ie as a
 };

package/dist/index-W-_2mM5B.cjs

@@ -0,0 +1 @@
+"use strict";var G=Object.create;var N=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var J=(e,s,t,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of D(s))!$.call(e,i)&&i!==t&&N(e,i,{get:()=>s[i],enumerable:!(l=H(s,i))||l.enumerable});return e};var _=(e,s,t)=>(t=e!=null?G(Y(e)):{},J(s||!e||!e.__esModule?N(t,"default",{value:e,enumerable:!0}):t,e));const c=require("react/jsx-runtime"),m=require("clsx"),n=require("react"),K=require("@purr-core/components.portal"),Q=require("@purr-core/hooks.block"),U=require("@purr-core/hooks.not-click-on-elements"),X=require("@purr-core/hooks.sync-state-with-props"),d=require("styled-components"),Z=require("@purr-react-styled-components/utils.helpers"),A=e=>e.$variant==="standard"?d.css(["padding:0px 35px 0px 0px;"]):d.css(["padding:0px 35px 0px 14px;"]),p={Container:d.div.withConfig({displayName:"_style__Container",componentId:"sc-1ikgo6d-0"})(["position:relative;width:",";min-width:210px;"],({$fullWidth:e})=>e?"100%":"fit-content"),Option:d.span.withConfig({displayName:"_style__Option",componentId:"sc-1ikgo6d-1"})(["display:block;transition:all 200ms ease-in-out;cursor:pointer;padding:0px 14px;height:36px;line-height:36px;background-color:",";color:",';overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"Verdana",sans-serif;font-size:16px;&:hover{background-color:#ffffff14;}'],({$selected:e,$disabled:s})=>s?"#121212":e?"#90caf929":"transparent",({$disabled:e})=>e?"#ffffff80":"#ffffff"),OptionGroup:d.div.withConfig({displayName:"_style__OptionGroup",componentId:"sc-1ikgo6d-2"})(["position:absolute;display:",";top:","px;left:","px;width:","px;padding:6px 0px;z-index:999;background-color:rgb(18,18,18);min-width:120px;border-radius:4px;box-shadow:rgb(0 0 0 / 20%) 0px 5px 5px -3px,rgb(0 0 0 / 14%) 0px 8px 10px 1px,rgb(0 0 0 / 12%) 0px 3px 14px 2px;background-image:linear-gradient(#ffffff1f,#ffffff1f);"],({$isShowed:e})=>e?"block":"none",({$position:e})=>(e==null?void 0:e.top)||0,({$position:e})=>(e==null?void 0:e.left)||0,({$position:e})=>(e==null?void 0:e.width)||0),Box:d.div.withConfig({displayName:"_style__Box",componentId:"sc-1ikgo6d-3"})(["transition:all 200ms ease-in-out;position:relative;width:",";height:56px;",";"],({$fullWidth:e})=>e?"100%":"210px",Z.getVariantStyle),InnerBox:d.span.withConfig({displayName:"_style__InnerBox",componentId:"sc-1ikgo6d-4"})(["position:absolute;transition:all 200ms ease-in-out;box-sizing:border-box;width:100%;height:",";line-height:",";top:",";left:0px;background-color:transparent;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:",';font-family:"Verdana",sans-serif;font-size:16px;',";&:focus-visible{outline:none;}"],({$hasLabel:e})=>e?"44px":"56px",({$hasLabel:e})=>e?"44px":"56px",({$hasLabel:e})=>e?"12px":"0px",({$disabled:e})=>e?"#ffffff80":"#ffffff",A),FakeSelect:d.select.withConfig({displayName:"_style__FakeSelect",componentId:"sc-1ikgo6d-5"})(["width:100%;height:100%;opacity:0;cursor:pointer;"]),PostAdornmentContentWrapper:d.div.withConfig({displayName:"_style__PostAdornmentContentWrapper",componentId:"sc-1ikgo6d-6"})(["display:flex;transition:all 350ms ease-in-out;width:20px;height:20px;color:",";transform:",";"],({$disabled:e})=>e?"#ffffff80":"#ffffff",({$isShowed:e})=>e?"rotate(180deg)":"none")},T=n.lazy(()=>import("@purr-react-styled-components/components.helper-text").then(e=>({default:e.HelperText}))),P=n.lazy(()=>import("@purr-react-styled-components/components.icon").then(e=>({default:e.Icon}))),ee=n.lazy(()=>import("@purr-react-styled-components/components.label").then(e=>({default:e.Label}))),te=n.lazy(()=>import("@purr-react-styled-components/components.post-adornment").then(e=>({default:e.PostAdornment}))),ne=n.lazy(()=>Promise.resolve().then(()=>require("./_menu-Mw9ayM10.cjs")).then(e=>({default:e.SelectMenu}))),ie=(e,s=!0)=>{var l;const t=(l=e.current)==null?void 0:l.getBoundingClientRect();return{left:(t==null?void 0:t.x)||0,top:((t==null?void 0:t.y)||0)+(s&&(window==null?void 0:window.scrollY)||0),width:(t==null?void 0:t.width)||0,height:(t==null?void 0:t.height)||0}},I=n.forwardRef(({optionGroupClassName:e,options:s,value:t,variant:l="standard",labelProps:i,postAdornmentProps:o,helperTextProps:x,className:q,fullWidth:w=!1,disabled:f=!1,required:v=!1,error:u=null,isStandalone:z=!1,tabIndex:B=-1,menuHtmlAttributes:R,htmlAttributes:L,onChange:y},ce)=>{const k=n.useRef(null),b=n.useRef(null),[a,S]=n.useState(!1),[V,E]=n.useState(null),{currentValue:j,setCurrentValue:C}=X(t,z);U([k,b],()=>{a&&S(!1)});const F=g=>{if(g.preventDefault(),!f){if(!a){const h=ie(k);E({...h,top:h.top+h.height})}S(h=>!h)}},O=Q(()=>!!(f||a||j)),r=s.find(g=>g.value===j),W=n.useMemo(()=>c.jsx(p.PostAdornmentContentWrapper,{$isShowed:a,$disabled:f,className:m("select-post-adornment-content",a&&"select-post-adornment-content--showed",f&&"select-post-adornment-content--disabled"),children:(o==null?void 0:o.children)??c.jsx(n.Suspense,{children:c.jsx(P,{name:"chevron-down"})})}),[f,a,o==null?void 0:o.children]),M=n.useCallback(g=>h=>{y==null||y(g,h),S(!1),C(g)},[y,C,S]);return c.jsxs(p.Container,{...L,$fullWidth:w,className:m("select",w&&"select--fullWidth",q),children:[c.jsxs(p.Box,{$variant:l,$disabled:f,$fullWidth:w,$isError:!!u,ref:k,onClick:F,tabIndex:B,className:m("select-box",w&&"select-box--full-width",f&&"select-box--disabled",!!u&&"select-box--error",`select-box--variant-${l}`),children:[c.jsx(n.Suspense,{children:!!(i!=null&&i.children)&&c.jsx(ee,{...i,required:v,disabled:f,variant:l,isLabelCollapsed:O,isFocused:a,isError:!!u})}),c.jsx(p.FakeSelect,{required:v,disabled:f}),c.jsx(p.InnerBox,{$hasLabel:!!(i!=null&&i.children),$variant:l,$disabled:f,className:m("select-inner-box",`select-inner-box--variant-${l}`,!!(i!=null&&i.children)&&"select-inner-box--hasLabel",f&&"select-inner-box--disabled"),title:typeof(r==null?void 0:r.label)=="string"?r==null?void 0:r.label:void 0,children:r==null?void 0:r.label}),c.jsx(n.Suspense,{children:!!(o!=null&&o.children)&&c.jsx(te,{...o,variant:l,children:W})}),c.jsx(n.Suspense,{children:!!(x!=null&&x.children)&&c.jsx(T,{...x,isError:!!u,variant:l,children:(u==null?void 0:u.message)??(x==null?void 0:x.children)??""})})]}),c.jsx(K.Portal,{className:m("portal-select",e),children:c.jsx(n.Suspense,{children:a&&c.jsx(ne,{ref:b,options:s,position:V,isShowed:a,optionGroupClassName:e,currentValue:j,htmlAttributes:R,selectOption:M})})})]})});I.displayName="Select";exports.Select=I;exports.Styled=p;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4NXEE_c.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-W-_2mM5B.cjs");exports.Select=e.Select;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as o } from "./index-DHVL3VhH.js";
+import { a as o } from "./index-CiHv3F2P.js";
 export {
   o as Select
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.select",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -26,16 +26,16 @@
     "styled-components": "*",
     "clsx": "*",
     "react-hook-form": "*",
-    "@purr-react-styled-components/components.helper-text": "0.0.4",
-    "@purr-react-styled-components/components.label": "0.0.4",
-    "@purr-react-styled-components/components.post-adornment": "0.0.4",
-    "@purr-react-styled-components/utils.helpers": "0.0.4",
-    "@purr-core/utils.definitions": "0.0.7",
-    "@purr-react-styled-components/components.icon": "0.0.4",
-    "@purr-core/components.portal": "0.0.4",
-    "@purr-core/hooks.block": "0.0.6",
-    "@purr-core/hooks.not-click-on-elements": "0.0.5",
-    "@purr-core/hooks.sync-state-with-props": "0.0.5"
+    "@purr-react-styled-components/components.helper-text": "0.0.6",
+    "@purr-react-styled-components/components.post-adornment": "0.0.6",
+    "@purr-react-styled-components/components.label": "0.0.6",
+    "@purr-react-styled-components/utils.helpers": "0.0.6",
+    "@purr-core/utils.definitions": "0.0.9",
+    "@purr-react-styled-components/components.icon": "0.0.6",
+    "@purr-core/components.portal": "0.0.6",
+    "@purr-core/hooks.block": "0.0.8",
+    "@purr-core/hooks.not-click-on-elements": "0.0.7",
+    "@purr-core/hooks.sync-state-with-props": "0.0.7"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",

package/dist/index-D4NXEE_c.cjs

@@ -1 +0,0 @@
-"use strict";var G=Object.create;var N=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var J=(e,s,t,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of D(s))!$.call(e,i)&&i!==t&&N(e,i,{get:()=>s[i],enumerable:!(l=H(s,i))||l.enumerable});return e};var _=(e,s,t)=>(t=e!=null?G(Y(e)):{},J(s||!e||!e.__esModule?N(t,"default",{value:e,enumerable:!0}):t,e));const c=require("react/jsx-runtime"),w=require("clsx"),n=require("react"),K=require("@purr-core/components.portal"),Q=require("@purr-core/hooks.block"),U=require("@purr-core/hooks.not-click-on-elements"),X=require("@purr-core/hooks.sync-state-with-props"),d=require("styled-components"),Z=require("@purr-react-styled-components/utils.helpers"),A=e=>e.$variant==="standard"?d.css(["padding:0px 35px 0px 0px;"]):d.css(["padding:0px 35px 0px 14px;"]),p={Container:d.div.withConfig({displayName:"_style__Container",componentId:"sc-1ikgo6d-0"})(["position:relative;width:",";min-width:210px;"],({$fullWidth:e})=>e?"100%":"fit-content"),Option:d.span.withConfig({displayName:"_style__Option",componentId:"sc-1ikgo6d-1"})(["display:block;transition:all 200ms ease-in-out;cursor:pointer;padding:0px 14px;height:36px;line-height:36px;background-color:",";color:",';overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"Verdana",sans-serif;font-size:16px;&:hover{background-color:#ffffff14;}'],({$selected:e,$disabled:s})=>s?"#121212":e?"#90caf929":"transparent",({$disabled:e})=>e?"#ffffff80":"#ffffff"),OptionGroup:d.div.withConfig({displayName:"_style__OptionGroup",componentId:"sc-1ikgo6d-2"})(["position:absolute;display:",";top:","px;left:","px;width:","px;padding:6px 0px;z-index:999;background-color:rgb(18,18,18);min-width:120px;border-radius:4px;box-shadow:rgb(0 0 0 / 20%) 0px 5px 5px -3px,rgb(0 0 0 / 14%) 0px 8px 10px 1px,rgb(0 0 0 / 12%) 0px 3px 14px 2px;background-image:linear-gradient(#ffffff1f,#ffffff1f);"],({$isShowed:e})=>e?"block":"none",({$position:e})=>(e==null?void 0:e.top)||0,({$position:e})=>(e==null?void 0:e.left)||0,({$position:e})=>(e==null?void 0:e.width)||0),Box:d.div.withConfig({displayName:"_style__Box",componentId:"sc-1ikgo6d-3"})(["transition:all 200ms ease-in-out;position:relative;width:",";height:56px;border-radius:4px;cursor:",";",";"],({$fullWidth:e})=>e?"100%":"210px",({$disabled:e})=>e?"not-allowed":"pointer",Z.getVariantStyle),InnerBox:d.span.withConfig({displayName:"_style__InnerBox",componentId:"sc-1ikgo6d-4"})(["position:absolute;transition:all 200ms ease-in-out;box-sizing:border-box;width:100%;height:",";line-height:",";top:",";left:0px;background-color:transparent;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:",';font-family:"Verdana",sans-serif;font-size:16px;',";&:focus-visible{outline:none;}"],({$hasLabel:e})=>e?"44px":"56px",({$hasLabel:e})=>e?"44px":"56px",({$hasLabel:e})=>e?"12px":"0px",({$disabled:e})=>e?"#ffffff80":"#ffffff",A),FakeSelect:d.select.withConfig({displayName:"_style__FakeSelect",componentId:"sc-1ikgo6d-5"})(["width:100%;height:100%;opacity:0;cursor:pointer;"]),PostAdornmentContentWrapper:d.div.withConfig({displayName:"_style__PostAdornmentContentWrapper",componentId:"sc-1ikgo6d-6"})(["display:flex;transition:all 350ms ease-in-out;width:20px;height:20px;color:",";transform:",";"],({$disabled:e})=>e?"#ffffff80":"#ffffff",({$isShowed:e})=>e?"rotate(180deg)":"none")},T=n.lazy(()=>import("@purr-react-styled-components/components.helper-text").then(e=>({default:e.HelperText}))),P=n.lazy(()=>import("@purr-react-styled-components/components.icon").then(e=>({default:e.Icon}))),ee=n.lazy(()=>import("@purr-react-styled-components/components.label").then(e=>({default:e.Label}))),te=n.lazy(()=>import("@purr-react-styled-components/components.post-adornment").then(e=>({default:e.PostAdornment}))),ne=n.lazy(()=>Promise.resolve().then(()=>require("./_menu--48HzVTM.cjs")).then(e=>({default:e.SelectMenu}))),ie=(e,s=!0)=>{var l;const t=(l=e.current)==null?void 0:l.getBoundingClientRect();return{left:(t==null?void 0:t.x)||0,top:((t==null?void 0:t.y)||0)+(s&&(window==null?void 0:window.scrollY)||0),width:(t==null?void 0:t.width)||0,height:(t==null?void 0:t.height)||0}},I=n.forwardRef(({optionGroupClassName:e,options:s,value:t,variant:l="standard",labelProps:i,postAdornmentProps:f,helperTextProps:x,className:q,fullWidth:m=!1,disabled:o=!1,required:b=!1,error:u=null,isStandalone:z=!1,tabIndex:B=-1,menuHtmlAttributes:R,htmlAttributes:L,onChange:y},ce)=>{const k=n.useRef(null),v=n.useRef(null),[a,S]=n.useState(!1),[V,E]=n.useState(null),{currentValue:j,setCurrentValue:C}=X(t,z);U([k,v],()=>{a&&S(!1)});const F=g=>{if(g.preventDefault(),!o){if(!a){const h=ie(k);E({...h,top:h.top+h.height})}S(h=>!h)}},O=Q(()=>!!(o||a||j)),r=s.find(g=>g.value===j),W=n.useMemo(()=>c.jsx(p.PostAdornmentContentWrapper,{$isShowed:a,$disabled:o,className:w("select-post-adornment-content",a&&"select-post-adornment-content--showed",o&&"select-post-adornment-content--disabled"),children:(f==null?void 0:f.children)??c.jsx(n.Suspense,{children:c.jsx(P,{name:"chevron-down"})})}),[o,a,f==null?void 0:f.children]),M=n.useCallback(g=>h=>{y==null||y(g,h),S(!1),C(g)},[y,C,S]);return c.jsxs(p.Container,{...L,$fullWidth:m,className:w("select",m&&"select--fullWidth",q),children:[c.jsxs(p.Box,{$variant:l,$disabled:o,$fullWidth:m,$isError:!!u,ref:k,onClick:F,tabIndex:B,className:w("select-box",m&&"select-box--full-width",o&&"select-box--disabled",!!u&&"select-box--error",`select-box--variant-${l}`),children:[c.jsx(n.Suspense,{children:!!(i!=null&&i.children)&&c.jsx(ee,{...i,required:b,disabled:o,variant:l,isLabelCollapsed:O,isFocused:a,isError:!!u})}),c.jsx(p.FakeSelect,{required:b,disabled:o}),c.jsx(p.InnerBox,{$hasLabel:!!(i!=null&&i.children),$variant:l,$disabled:o,className:w("select-inner-box",`select-inner-box--variant-${l}`,!!(i!=null&&i.children)&&"select-inner-box--hasLabel",o&&"select-inner-box--disabled"),title:typeof(r==null?void 0:r.label)=="string"?r==null?void 0:r.label:void 0,children:r==null?void 0:r.label}),c.jsx(n.Suspense,{children:!!(f!=null&&f.children)&&c.jsx(te,{...f,variant:l,children:W})}),c.jsx(n.Suspense,{children:!!(x!=null&&x.children)&&c.jsx(T,{...x,isError:!!u,variant:l,children:(u==null?void 0:u.message)??(x==null?void 0:x.children)??""})})]}),c.jsx(K.Portal,{className:w("portal-select",e),children:c.jsx(n.Suspense,{children:a&&c.jsx(ne,{ref:v,options:s,position:V,isShowed:a,optionGroupClassName:e,currentValue:j,htmlAttributes:R,selectOption:M})})})]})});I.displayName="Select";exports.Select=I;exports.Styled=p;