@adam-milo/ui 1.0.32 → 1.0.34

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.cjs"),r=require("./index3.cjs"),t=require("./index4.cjs"),o=require("./index5.cjs"),i=require("./index6.cjs"),s=require("./index7.cjs"),a=require("./index8.cjs"),p=require("./index9.cjs"),x=require("./index10.cjs"),n=require("./index11.cjs"),l=require("./index12.cjs"),c=require("./index13.cjs"),d=require("./index14.cjs"),u=require("./index15.cjs"),g=require("./index16.cjs"),C=require("./index17.cjs"),D=require("./index18.cjs"),j=require("./index19.cjs"),T=require("./index20.cjs"),b=require("./index21.cjs"),q=require("./index22.cjs"),S=require("@adam-milo/icons");exports.Button=e.Button,exports.EmailInput=r.EmailInput,exports.PasswordInput=t.PasswordInput,exports.NumericInput=o.NumericInput,exports.AlphanumericInput=i.AlphanumericInput,exports.Checkbox=s.Checkbox,exports.Radio=a.Radio,exports.Select=p.Select,exports.SelectContent=p.SelectContent,exports.SelectGroup=p.SelectGroup,exports.SelectItem=p.SelectItem,exports.SelectLabel=p.SelectLabel,exports.SelectSeparator=p.SelectSeparator,exports.SelectTrigger=p.SelectTrigger,exports.SelectValue=p.SelectValue,exports.Tabs=x.Tabs,exports.TabsContent=x.TabsContent,exports.TabsList=x.TabsList,exports.TabsTrigger=x.TabsTrigger,exports.Alert=n.Alert,exports.Card=l.Card,exports.CardContent=l.CardContent,exports.CardDescription=l.CardDescription,exports.CardFooter=l.CardFooter,exports.CardHeader=l.CardHeader,exports.CardTitle=l.CardTitle,exports.DataTable=c.DataTable,exports.Chip=d.Chip,exports.ChipGroup=u.ChipGroup,exports.Dialog=g.Dialog,exports.DialogClose=g.DialogClose,exports.DialogContent=g.DialogContent,exports.DialogDescription=g.DialogDescription,exports.DialogFooter=g.DialogFooter,exports.DialogHeader=g.DialogHeader,exports.DialogOverlay=g.DialogOverlay,exports.DialogPortal=g.DialogPortal,exports.DialogTitle=g.DialogTitle,exports.DialogTrigger=g.DialogTrigger,exports.Stack=C.Stack,exports.Container=D.Container,exports.Divider=j.Divider,exports.Text=T.Text,exports.Grid=b.Grid,exports.cn=q.cn,exports.generateId=q.generateId,Object.defineProperty(exports,"Icon",{enumerable:!0,get:()=>S.Icon}),Object.defineProperty(exports,"availableIcons",{enumerable:!0,get:()=>S.availableIcons});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.cjs"),r=require("./index3.cjs"),t=require("./index4.cjs"),o=require("./index5.cjs"),i=require("./index6.cjs"),s=require("./index7.cjs"),n=require("./index8.cjs"),a=require("./index9.cjs"),p=require("./index10.cjs"),x=require("./index11.cjs"),u=require("./index12.cjs"),l=require("./index13.cjs"),c=require("./index14.cjs"),d=require("./index15.cjs"),g=require("./index16.cjs"),C=require("./index17.cjs"),D=require("./index18.cjs"),j=require("./index19.cjs"),q=require("./index20.cjs"),I=require("./index21.cjs"),b=require("./index22.cjs"),h=require("./index23.cjs"),m=require("./index24.cjs"),T=require("./index25.cjs"),S=require("./index26.cjs"),P=require("./index27.cjs"),y=require("./index28.cjs"),B=require("./index29.cjs"),f=require("./index30.cjs"),k=require("./index31.cjs"),M=require("@adam-milo/icons"),L=require("./index32.cjs");exports.Button=e.Button,exports.IconButton=r.IconButton,exports.MenuIconButton=t.MenuIconButton,exports.EmailInput=o.EmailInput,exports.PasswordInput=i.PasswordInput,exports.NumericInput=s.NumericInput,exports.AlphanumericInput=n.AlphanumericInput,exports.Checkbox=a.Checkbox,exports.Radio=p.Radio,exports.Select=x.Select,exports.SelectContent=x.SelectContent,exports.SelectGroup=x.SelectGroup,exports.SelectItem=x.SelectItem,exports.SelectLabel=x.SelectLabel,exports.SelectSeparator=x.SelectSeparator,exports.SelectTrigger=x.SelectTrigger,exports.SelectValue=x.SelectValue,exports.PhoneInput=u.PhoneInput,exports.OTPInput=l.OTPInput,exports.Toggle=c.Toggle,exports.Tabs=d.Tabs,exports.TabsContent=d.TabsContent,exports.TabsList=d.TabsList,exports.TabsTrigger=d.TabsTrigger,exports.Alert=g.Alert,exports.Card=C.Card,exports.CardContent=C.CardContent,exports.CardDescription=C.CardDescription,exports.CardFooter=C.CardFooter,exports.CardHeader=C.CardHeader,exports.CardTitle=C.CardTitle,exports.DataTable=D.DataTable,exports.Chip=j.Chip,exports.ChipGroup=q.ChipGroup,exports.Dialog=I.Dialog,exports.DialogClose=I.DialogClose,exports.DialogCloseButton=I.DialogCloseButton,exports.DialogContent=I.DialogContent,exports.DialogDescription=I.DialogDescription,exports.DialogFooter=I.DialogFooter,exports.DialogHeader=I.DialogHeader,exports.DialogIcon=I.DialogIcon,exports.DialogOverlay=I.DialogOverlay,exports.DialogPortal=I.DialogPortal,exports.DialogTitle=I.DialogTitle,exports.DialogTrigger=I.DialogTrigger,exports.Stack=b.Stack,exports.Container=h.Container,exports.Divider=m.Divider,exports.AuthLayout=T.AuthLayout,exports.Grid=S.Grid,exports.Text=P.Text,exports.Heading=y.Heading,exports.Link=B.Link,exports.Spinner=f.Spinner,exports.cn=k.cn,exports.generateId=k.generateId,Object.defineProperty(exports,"Icon",{enumerable:!0,get:()=>M.Icon}),Object.defineProperty(exports,"availableIcons",{enumerable:!0,get:()=>M.availableIcons}),Object.defineProperty(exports,"figmaIconMapping",{enumerable:!0,get:()=>M.figmaIconMapping}),Object.defineProperty(exports,"getRadixIconName",{enumerable:!0,get:()=>M.getRadixIconName}),exports.allCountries=L.allCountries,exports.commonCountries=L.commonCountries,exports.defaultCountries=L.defaultCountries,exports.defaultPhoneMask=L.defaultPhoneMask,exports.formatPhoneNumber=L.formatPhoneNumber,exports.getCountriesByDialCode=L.getCountriesByDialCode,exports.getCountryByCode=L.getCountryByCode,exports.getCountryByDialCode=L.getCountryByDialCode,exports.getPhoneDigits=L.getPhoneDigits,exports.getPhoneMask=L.getPhoneMask,exports.isValidPhoneLength=L.isValidPhoneLength,exports.phoneMasks=L.phoneMasks,exports.searchCountries=L.searchCountries;

package/dist/index.js

@@ -1,28 +1,39 @@
 import { Button } from "./index2.js";
-import { EmailInput } from "./index3.js";
-import { PasswordInput } from "./index4.js";
-import { NumericInput } from "./index5.js";
-import { AlphanumericInput } from "./index6.js";
-import { Checkbox } from "./index7.js";
-import { Radio } from "./index8.js";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./index9.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "./index10.js";
-import { Alert } from "./index11.js";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./index12.js";
-import { DataTable } from "./index13.js";
-import { Chip } from "./index14.js";
-import { ChipGroup } from "./index15.js";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./index16.js";
-import { Stack } from "./index17.js";
-import { Container } from "./index18.js";
-import { Divider } from "./index19.js";
-import { Text } from "./index20.js";
-import { Grid } from "./index21.js";
-import { cn, generateId } from "./index22.js";
-import { Icon, availableIcons } from "@adam-milo/icons";
+import { IconButton } from "./index3.js";
+import { MenuIconButton } from "./index4.js";
+import { EmailInput } from "./index5.js";
+import { PasswordInput } from "./index6.js";
+import { NumericInput } from "./index7.js";
+import { AlphanumericInput } from "./index8.js";
+import { Checkbox } from "./index9.js";
+import { Radio } from "./index10.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./index11.js";
+import { PhoneInput } from "./index12.js";
+import { OTPInput } from "./index13.js";
+import { Toggle } from "./index14.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./index15.js";
+import { Alert } from "./index16.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./index17.js";
+import { DataTable } from "./index18.js";
+import { Chip } from "./index19.js";
+import { ChipGroup } from "./index20.js";
+import { Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogIcon, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./index21.js";
+import { Stack } from "./index22.js";
+import { Container } from "./index23.js";
+import { Divider } from "./index24.js";
+import { AuthLayout } from "./index25.js";
+import { Grid } from "./index26.js";
+import { Text } from "./index27.js";
+import { Heading } from "./index28.js";
+import { Link } from "./index29.js";
+import { Spinner } from "./index30.js";
+import { cn, generateId } from "./index31.js";
+import { Icon, availableIcons, figmaIconMapping, getRadixIconName } from "@adam-milo/icons";
+import { allCountries, commonCountries, defaultCountries, defaultPhoneMask, formatPhoneNumber, getCountriesByDialCode, getCountryByCode, getCountryByDialCode, getPhoneDigits, getPhoneMask, isValidPhoneLength, phoneMasks, searchCountries } from "./index32.js";
 export {
   Alert,
   AlphanumericInput,
+  AuthLayout,
   Button,
   Card,
   CardContent,
@@ -37,10 +48,12 @@ export {
   DataTable,
   Dialog,
   DialogClose,
+  DialogCloseButton,
   DialogContent,
   DialogDescription,
   DialogFooter,
   DialogHeader,
+  DialogIcon,
   DialogOverlay,
   DialogPortal,
   DialogTitle,
@@ -48,9 +61,15 @@ export {
   Divider,
   EmailInput,
   Grid,
+  Heading,
   Icon,
+  IconButton,
+  Link,
+  MenuIconButton,
   NumericInput,
+  OTPInput,
   PasswordInput,
+  PhoneInput,
   Radio,
   Select,
   SelectContent,
@@ -60,13 +79,30 @@ export {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  Spinner,
   Stack,
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger,
   Text,
+  Toggle,
+  allCountries,
   availableIcons,
   cn,
-  generateId
+  commonCountries,
+  defaultCountries,
+  defaultPhoneMask,
+  figmaIconMapping,
+  formatPhoneNumber,
+  generateId,
+  getCountriesByDialCode,
+  getCountryByCode,
+  getCountryByDialCode,
+  getPhoneDigits,
+  getPhoneMask,
+  getRadixIconName,
+  isValidPhoneLength,
+  phoneMasks,
+  searchCountries
 };

package/dist/index10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index22.cjs");function r(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)};/* empty css          */const i=r(a),n=i.Root,c=e.forwardRef(({className:e,"data-cy":a,"data-testid":r,...n},c)=>{const o=a||"tabs-list",d=r||"tabs-list";return t.jsx(i.List,{ref:c,className:s.cn("tabs-list",e),"data-cy":o,"data-testid":d,...n})});c.displayName=i.List.displayName;const o=e.forwardRef(({className:e,value:a,"data-cy":r,"data-testid":n,...c},o)=>{const d=r||(a?`tabs-trigger-${a}`:"tabs-trigger"),l=n||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(i.Trigger,{ref:o,className:s.cn("tabs-trigger",e),value:a,"data-cy":d,"data-testid":l,...c})});o.displayName=i.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":r,"data-testid":n,...c},o)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),l=n||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(i.Content,{ref:o,className:s.cn("tabs-content",e),value:a,"data-cy":d,"data-testid":l,...c})});d.displayName=i.Content.displayName,exports.Tabs=n,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index31.cjs");;/* empty css          */const d=r.forwardRef(({label:d,error:i,helperText:t,className:s,id:l,required:c,disabled:o,checked:n,"data-cy":p,"data-testid":u,...b},h)=>{const x=r.useId(),y=l||x,_=`${y}-error`,m=`${y}-helper`,$=p||"radio",j=u||"radio",N=r.useRef(null),f=r.useCallback(e=>{N.current=e,h&&("function"==typeof h?h(e):"current"in h&&(h.current=e))},[h]),q=d&&c&&!d.includes("*")?`${d} *`:d;return e.jsxs("div",{className:a.cn("radio-wrapper",o&&"radio-wrapper--disabled"),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("div",{className:"radio__container",children:[e.jsx("input",{ref:f,id:y,type:"radio",checked:n,className:a.cn("radio__input",i&&"radio__input--error",s),"aria-describedby":i?_:t?m:void 0,"data-cy":$,"data-testid":j,disabled:o,required:c,...b}),d&&e.jsx("label",{htmlFor:y,className:"radio__label","data-cy":`${$}-label`,"data-testid":`${j}-label`,children:q})]}),i&&e.jsx("span",{id:_,className:"radio__error",role:"alert","data-cy":`${$}-error`,"data-testid":`${j}-error`,children:i}),t&&!i&&e.jsx("span",{id:m,className:"radio__helper","data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:t})]})});d.displayName="Radio",exports.Radio=d;

package/dist/index10.js

@@ -1,65 +1,103 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "./index22.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId, useRef, useCallback } from "react";
+import { cn } from "./index31.js";
 /* empty css        */
-const Tabs = TabsPrimitive.Root;
-const TabsList = forwardRef(
-  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || "tabs-list";
-    const finalTestId = dataTestId || "tabs-list";
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn("tabs-list", className),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
+const Radio = forwardRef(
+  ({
+    label,
+    error,
+    helperText,
+    className,
+    id: providedId,
+    required,
+    disabled,
+    checked,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const generatedId = useId();
+    const id = providedId || generatedId;
+    const errorId = `${id}-error`;
+    const helperId = `${id}-helper`;
+    const finalDataCy = dataCy || "radio";
+    const finalTestId = dataTestId || "radio";
+    const internalRef = useRef(null);
+    const combinedRef = useCallback(
+      (element) => {
+        internalRef.current = element;
+        if (!ref) return;
+        if (typeof ref === "function") {
+          ref(element);
+        } else if ("current" in ref) {
+          ref.current = element;
+        }
+      },
+      [ref]
     );
-  }
-);
-TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = forwardRef(
-  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || (value ? `tabs-trigger-${value}` : "tabs-trigger");
-    const finalTestId = dataTestId || (value ? `tabs-trigger-${value}` : "tabs-trigger");
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.Trigger,
-      {
-        ref,
-        className: cn("tabs-trigger", className),
-        value,
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
-      }
-    );
-  }
-);
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const TabsContent = forwardRef(
-  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
-    const finalDataCy = dataCy || (value ? `tabs-content-${value}` : "tabs-content");
-    const finalTestId = dataTestId || (value ? `tabs-content-${value}` : "tabs-content");
-    return /* @__PURE__ */ jsx(
-      TabsPrimitive.Content,
+    const displayLabel = label && required && !label.includes("*") ? `${label} *` : label;
+    return /* @__PURE__ */ jsxs(
+      "div",
       {
-        ref,
-        className: cn("tabs-content", className),
-        value,
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props
+        className: cn("radio-wrapper", disabled && "radio-wrapper--disabled"),
+        "data-cy": `${finalDataCy}-wrapper`,
+        "data-testid": `${finalTestId}-wrapper`,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "radio__container", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: combinedRef,
+                id,
+                type: "radio",
+                checked,
+                className: cn("radio__input", error && "radio__input--error", className),
+                "aria-describedby": error ? errorId : helperText ? helperId : void 0,
+                "data-cy": finalDataCy,
+                "data-testid": finalTestId,
+                disabled,
+                required,
+                ...props
+              }
+            ),
+            label && /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: id,
+                className: "radio__label",
+                "data-cy": `${finalDataCy}-label`,
+                "data-testid": `${finalTestId}-label`,
+                children: displayLabel
+              }
+            )
+          ] }),
+          error && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: errorId,
+              className: "radio__error",
+              role: "alert",
+              "data-cy": `${finalDataCy}-error`,
+              "data-testid": `${finalTestId}-error`,
+              children: error
+            }
+          ),
+          helperText && !error && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: helperId,
+              className: "radio__helper",
+              "data-cy": `${finalDataCy}-helper`,
+              "data-testid": `${finalTestId}-helper`,
+              children: helperText
+            }
+          )
+        ]
       }
     );
   }
 );
-TabsContent.displayName = TabsPrimitive.Content.displayName;
+Radio.displayName = "Radio";
 export {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
+  Radio
 };

package/dist/index11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index22.cjs");;/* empty css          */const r=e.forwardRef(({variant:e="info",title:r,icon:s,className:i,children:c,"data-cy":d,"data-testid":l,...n},o)=>{const u=d||`alert-${e}`,$=l||`alert-${e}`;return t.jsxs("div",{ref:o,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn("alert",`alert--${e}`,i),"data-cy":u,"data-testid":$,...n,children:[s&&t.jsx("div",{className:"alert__icon","data-cy":`${u}-icon`,"data-testid":`${$}-icon`,children:s}),t.jsxs("div",{className:"alert__content","data-cy":`${u}-content`,"data-testid":`${$}-content`,children:[r&&t.jsx("div",{className:"alert__title","data-cy":`${u}-title`,"data-testid":`${$}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${$}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-select"),r=require("./index31.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)};/* empty css          */const s=l(a),c=s.Root,d=t.forwardRef(({className:a,children:l,label:c,error:d,helperText:i,fullWidth:o=!1,hasValue:n=!1,placeholder:p,id:u,"data-cy":h,"data-testid":m,disabled:g,required:x,...f},b)=>{const y=t.useId(),j=u||y,N=`${j}-label`,w=`${j}-error`,S=`${j}-helper`,$=h||"select-trigger",v=m||"select-trigger";return e.jsxs("div",{className:r.cn("select-wrapper",o&&"select-wrapper--full-width"),"data-cy":`${$}-wrapper`,"data-testid":`${v}-wrapper`,children:[c&&e.jsx("label",{id:N,htmlFor:j,className:r.cn("select__label",d&&"select__label--error",g&&"select__label--disabled"),"data-cy":`${$}-label`,"data-testid":`${v}-label`,children:c}),e.jsxs(s.Trigger,{ref:b,id:j,className:r.cn("select-trigger",d&&"select-trigger--error",o&&"select-trigger--full-width",!n&&"select-trigger--placeholder",a),"aria-invalid":d?"true":"false","aria-describedby":d?w:i?S:void 0,"aria-labelledby":c?N:void 0,"aria-required":x?"true":void 0,"data-cy":$,"data-testid":v,disabled:g,...f,children:[e.jsx("span",{className:"select-trigger__value",children:n?l:e.jsx("span",{"data-cy":`${$}-placeholder`,"data-testid":`${v}-placeholder`,children:p||c})}),e.jsx(s.Icon,{className:"select-trigger__icon","data-cy":`${$}-icon`,"data-testid":`${v}-icon`,children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d&&e.jsx("span",{id:w,className:"select__error",role:"alert","data-cy":`${$}-error`,"data-testid":`${v}-error`,children:d}),i&&!d&&e.jsx("span",{id:S,className:"select__helper","data-cy":`${$}-helper`,"data-testid":`${v}-helper`,children:i})]})});d.displayName="SelectTrigger";const i=s.Value,o=t.forwardRef(({className:t,children:a,position:l="popper","data-cy":c,"data-testid":d,...i},o)=>{const n=c||"select-content",p=d||"select-content";return e.jsx(s.Portal,{children:e.jsx(s.Content,{ref:o,className:r.cn("select-content",t),position:l,sideOffset:4,"data-cy":n,"data-testid":p,...i,children:e.jsx(s.Viewport,{className:"select-viewport",children:a})})})});o.displayName="SelectContent";const n=t.forwardRef(({className:t,children:a,value:l,"data-cy":c,"data-testid":d,...i},o)=>{const n=c||`select-item-${l}`,p=d||`select-item-${l}`;return e.jsx(s.Item,{ref:o,className:r.cn("select-item",t),value:l,"data-cy":n,"data-testid":p,...i,children:e.jsx(s.ItemText,{children:a})})});n.displayName="SelectItem";const p=s.Group,u=t.forwardRef(({className:t,"data-cy":a,"data-testid":l,...c},d)=>{const i=a||"select-label",o=l||"select-label";return e.jsx(s.Label,{ref:d,className:r.cn("select-group-label",t),"data-cy":i,"data-testid":o,...c})});u.displayName="SelectLabel";const h=t.forwardRef(({className:t,"data-cy":a,"data-testid":l,...c},d)=>{const i=a||"select-separator",o=l||"select-separator";return e.jsx(s.Separator,{ref:d,className:r.cn("select-separator",t),"data-cy":i,"data-testid":o,...c})});h.displayName="SelectSeparator",exports.Select=c,exports.SelectContent=o,exports.SelectGroup=p,exports.SelectItem=n,exports.SelectLabel=u,exports.SelectSeparator=h,exports.SelectTrigger=d,exports.SelectValue=i;

package/dist/index11.js

@@ -1,71 +1,230 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { cn } from "./index22.js";
+import { forwardRef, useId } from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { cn } from "./index31.js";
 /* empty css        */
-const Alert = forwardRef(
+const Select = SelectPrimitive.Root;
+const SelectTrigger = forwardRef(
   ({
-    variant = "info",
-    title,
-    icon,
     className,
     children,
+    label,
+    error,
+    helperText,
+    fullWidth = false,
+    hasValue = false,
+    placeholder,
+    id: providedId,
     "data-cy": dataCy,
     "data-testid": dataTestId,
+    disabled,
+    required,
     ...props
   }, ref) => {
-    const roleMap = {
-      info: "status",
-      success: "status",
-      warning: "alert",
-      error: "alert"
-    };
-    const finalDataCy = dataCy || `alert-${variant}`;
-    const finalTestId = dataTestId || `alert-${variant}`;
+    const generatedId = useId();
+    const id = providedId || generatedId;
+    const labelId = `${id}-label`;
+    const errorId = `${id}-error`;
+    const helperId = `${id}-helper`;
+    const finalDataCy = dataCy || "select-trigger";
+    const finalTestId = dataTestId || "select-trigger";
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        ref,
-        role: roleMap[variant],
-        className: cn("alert", `alert--${variant}`, className),
-        "data-cy": finalDataCy,
-        "data-testid": finalTestId,
-        ...props,
+        className: cn("select-wrapper", fullWidth && "select-wrapper--full-width"),
+        "data-cy": `${finalDataCy}-wrapper`,
+        "data-testid": `${finalTestId}-wrapper`,
         children: [
-          icon && /* @__PURE__ */ jsx(
-            "div",
+          label && /* @__PURE__ */ jsx(
+            "label",
             {
-              className: "alert__icon",
-              "data-cy": `${finalDataCy}-icon`,
-              "data-testid": `${finalTestId}-icon`,
-              children: icon
+              id: labelId,
+              htmlFor: id,
+              className: cn(
+                "select__label",
+                error && "select__label--error",
+                disabled && "select__label--disabled"
+              ),
+              "data-cy": `${finalDataCy}-label`,
+              "data-testid": `${finalTestId}-label`,
+              children: label
             }
           ),
           /* @__PURE__ */ jsxs(
-            "div",
+            SelectPrimitive.Trigger,
             {
-              className: "alert__content",
-              "data-cy": `${finalDataCy}-content`,
-              "data-testid": `${finalTestId}-content`,
+              ref,
+              id,
+              className: cn(
+                "select-trigger",
+                error && "select-trigger--error",
+                fullWidth && "select-trigger--full-width",
+                !hasValue && "select-trigger--placeholder",
+                className
+              ),
+              "aria-invalid": error ? "true" : "false",
+              "aria-describedby": error ? errorId : helperText ? helperId : void 0,
+              "aria-labelledby": label ? labelId : void 0,
+              "aria-required": required ? "true" : void 0,
+              "data-cy": finalDataCy,
+              "data-testid": finalTestId,
+              disabled,
+              ...props,
               children: [
-                title && /* @__PURE__ */ jsx(
-                  "div",
+                /* @__PURE__ */ jsx("span", { className: "select-trigger__value", children: hasValue ? children : /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-cy": `${finalDataCy}-placeholder`,
+                    "data-testid": `${finalTestId}-placeholder`,
+                    children: placeholder || label
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  SelectPrimitive.Icon,
                   {
-                    className: "alert__title",
-                    "data-cy": `${finalDataCy}-title`,
-                    "data-testid": `${finalTestId}-title`,
-                    children: title
+                    className: "select-trigger__icon",
+                    "data-cy": `${finalDataCy}-icon`,
+                    "data-testid": `${finalTestId}-icon`,
+                    children: /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        width: "20",
+                        height: "20",
+                        viewBox: "0 0 20 20",
+                        fill: "none",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            d: "M5 7.5L10 12.5L15 7.5",
+                            stroke: "currentColor",
+                            strokeWidth: "1.5",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
+                      }
+                    )
                   }
-                ),
-                /* @__PURE__ */ jsx("div", { "data-cy": `${finalDataCy}-message`, "data-testid": `${finalTestId}-message`, children })
+                )
               ]
             }
+          ),
+          error && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: errorId,
+              className: "select__error",
+              role: "alert",
+              "data-cy": `${finalDataCy}-error`,
+              "data-testid": `${finalTestId}-error`,
+              children: error
+            }
+          ),
+          helperText && !error && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: helperId,
+              className: "select__helper",
+              "data-cy": `${finalDataCy}-helper`,
+              "data-testid": `${finalTestId}-helper`,
+              children: helperText
+            }
           )
         ]
       }
     );
   }
 );
-Alert.displayName = "Alert";
+SelectTrigger.displayName = "SelectTrigger";
+const SelectValue = SelectPrimitive.Value;
+const SelectContent = forwardRef(
+  ({
+    className,
+    children,
+    position = "popper",
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const finalDataCy = dataCy || "select-content";
+    const finalTestId = dataTestId || "select-content";
+    return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+      SelectPrimitive.Content,
+      {
+        ref,
+        className: cn("select-content", className),
+        position,
+        sideOffset: 4,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "select-viewport", children })
+      }
+    ) });
+  }
+);
+SelectContent.displayName = "SelectContent";
+const SelectItem = forwardRef(
+  ({ className, children, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || `select-item-${value}`;
+    const finalTestId = dataTestId || `select-item-${value}`;
+    return /* @__PURE__ */ jsx(
+      SelectPrimitive.Item,
+      {
+        ref,
+        className: cn("select-item", className),
+        value,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props,
+        children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      }
+    );
+  }
+);
+SelectItem.displayName = "SelectItem";
+const SelectGroup = SelectPrimitive.Group;
+const SelectLabel = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "select-label";
+    const finalTestId = dataTestId || "select-label";
+    return /* @__PURE__ */ jsx(
+      SelectPrimitive.Label,
+      {
+        ref,
+        className: cn("select-group-label", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
+      }
+    );
+  }
+);
+SelectLabel.displayName = "SelectLabel";
+const SelectSeparator = forwardRef(({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+  const finalDataCy = dataCy || "select-separator";
+  const finalTestId = dataTestId || "select-separator";
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      ref,
+      className: cn("select-separator", className),
+      "data-cy": finalDataCy,
+      "data-testid": finalTestId,
+      ...props
+    }
+  );
+});
+SelectSeparator.displayName = "SelectSeparator";
 export {
-  Alert
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
 };

package/dist/index12.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index22.cjs");;/* empty css          */const r=t.forwardRef(({variant:t="default",className:r,children:d,"data-cy":c,"data-testid":s,...i},o)=>{const n=c||`card-${t}`,l=s||`card-${t}`;return a.jsx("div",{ref:o,className:e.cn("card",`card--${t}`,r),"data-cy":n,"data-testid":l,...i,children:d})});r.displayName="Card";const d=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-header",o=d||"card-header";return a.jsx("div",{ref:s,className:e.cn("card-header",t),"data-cy":i,"data-testid":o,...c})});d.displayName="CardHeader";const c=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-title",o=d||"card-title";return a.jsx("h3",{ref:s,className:e.cn("card-title",t),"data-cy":i,"data-testid":o,...c})});c.displayName="CardTitle";const s=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-description",o=d||"card-description";return a.jsx("p",{ref:s,className:e.cn("card-description",t),"data-cy":i,"data-testid":o,...c})});s.displayName="CardDescription";const i=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-content",o=d||"card-content";return a.jsx("div",{ref:s,className:e.cn("card-content",t),"data-cy":i,"data-testid":o,...c})});i.displayName="CardContent";const o=t.forwardRef(({className:t,"data-cy":r,"data-testid":d,...c},s)=>{const i=r||"card-footer",o=d||"card-footer";return a.jsx("div",{ref:s,className:e.cn("card-footer",t),"data-cy":i,"data-testid":o,...c})});o.displayName="CardFooter",exports.Card=r,exports.CardContent=i,exports.CardDescription=s,exports.CardFooter=o,exports.CardHeader=d,exports.CardTitle=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("./index31.cjs"),a=require("@adam-milo/icons"),o=require("./index32.cjs");;/* empty css          */const r=t.forwardRef(({label:r,error:s,helperText:i,fullWidth:l=!0,value:d="",onChange:c,countryCode:u="US",onCountryChange:p,countries:h=o.commonCountries,enableFormatting:m=!0,onValidationChange:g,disabled:x,required:y,placeholder:f,id:C,"data-cy":b,"data-testid":_,className:$,onFocus:v,onBlur:w,...k},j)=>{const[D,N]=t.useState(!1),[P,M]=t.useState(!1),[q,L]=t.useState(0),S=t.useId(),B=C||S,E=`${B}-error`,I=`${B}-helper`,F=`${B}-listbox`,R=t.useRef(null),T=t.useRef(null),A=t.useRef(null),K=b||"phone-input",V=_||"phone-input",U=h.find(e=>e.code===u)||h[0],z=o.getPhoneMask(u),O=f||z.placeholder,W=r&&y&&!r.includes("*")?`${r}*`:r;t.useEffect(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&N(!1)};return D&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[D]);const G=t.useCallback(e=>{null==p||p(e),N(!1),setTimeout(()=>{var e;const t=null==(e=R.current)?void 0:e.querySelector("input");null==t||t.focus()},0)},[p]),H=t.useCallback(e=>{var t;switch(e.key){case"ArrowDown":e.preventDefault(),L(e=>Math.min(e+1,h.length-1));break;case"ArrowUp":e.preventDefault(),L(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),G(h[q]);break;case"Escape":e.preventDefault(),N(!1),null==(t=A.current)||t.focus();break;case"Tab":N(!1)}},[h,q,G]),J=x?"disabled":s?"error":P||D?"focus":"idle";return e.jsxs("div",{ref:R,className:n.cn("phone-input-wrapper",l&&"phone-input-wrapper--full-width"),"data-cy":`${K}-wrapper`,"data-testid":`${V}-wrapper`,children:[r&&e.jsx("label",{htmlFor:B,className:"phone-input__label","data-cy":`${K}-label`,"data-testid":`${V}-label`,children:W}),e.jsxs("div",{className:n.cn("phone-input__container","focus"===J&&"phone-input__container--focus","error"===J&&"phone-input__container--error","disabled"===J&&"phone-input__container--disabled"),"data-state":J,"data-cy":`${K}-container`,"data-testid":`${V}-container`,children:[e.jsxs("button",{ref:A,type:"button",className:"phone-input__country-trigger",onClick:()=>!x&&N(!D),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),N(!0);const t=h.findIndex(e=>e.code===u);L(-1===t?0:t)}},disabled:x,"aria-haspopup":"listbox","aria-expanded":D,"aria-controls":F,"aria-label":`Select country. Current: ${U.name}`,"data-cy":`${K}-country-trigger`,"data-testid":`${V}-country-trigger`,children:[e.jsx("span",{className:"phone-input__flag","data-cy":`${K}-flag`,"data-testid":`${V}-flag`,children:U.flag}),e.jsx(a.Icon,{name:"ChevronDownIcon",size:"sm",color:P||D?"clickable":"text",decorative:!0,"data-cy":`${K}-chevron`})]}),e.jsx("span",{className:"phone-input__dial-code","data-cy":`${K}-dial-code`,"data-testid":`${V}-dial-code`,children:U.dialCode}),e.jsx("input",{ref:j,id:B,type:"tel",inputMode:"numeric",value:d,onChange:e=>{const t=e.target.value;if(m){const e=o.getPhoneDigits(t).slice(0,z.maxLength),n=o.formatPhoneNumber(e,u);null==c||c(n);const a=e.length===z.maxLength;null==g||g(a)}else{const e=t.replace(/[^0-9]/g,"");null==c||c(e);const n=e.length===z.maxLength;null==g||g(n)}},onFocus:e=>{M(!0),null==v||v(e)},onBlur:e=>{M(!1),null==w||w(e)},placeholder:O,disabled:x,required:y,className:n.cn("phone-input__input",$),"aria-invalid":s?"true":"false","aria-required":y?"true":void 0,"aria-describedby":s?E:i?I:void 0,"data-cy":K,"data-testid":V,...k})]}),D&&e.jsx("div",{ref:T,id:F,role:"listbox","aria-label":"Select country",className:"phone-input__dropdown",tabIndex:-1,onKeyDown:H,"data-cy":`${K}-dropdown`,"data-testid":`${V}-dropdown`,children:h.map((t,a)=>e.jsxs("div",{role:"option","aria-selected":t.code===u,className:n.cn("phone-input__option",t.code===u&&"phone-input__option--selected",a===q&&"phone-input__option--highlighted"),onClick:()=>G(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),G(t))},onMouseEnter:()=>L(a),tabIndex:a===q?0:-1,"data-cy":`${K}-option-${t.code.toLowerCase()}`,"data-testid":`${V}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:"phone-input__option-flag",children:t.flag}),e.jsx("span",{className:"phone-input__option-name",children:t.name}),e.jsx("span",{className:"phone-input__option-dial-code",children:t.dialCode})]},t.code))}),s&&e.jsx("span",{id:E,className:"phone-input__error",role:"alert","data-cy":`${K}-error`,"data-testid":`${V}-error`,children:s}),i&&!s&&e.jsx("span",{id:I,className:"phone-input__helper","data-cy":`${K}-helper`,"data-testid":`${V}-helper`,children:i})]})});r.displayName="PhoneInput",exports.allCountries=o.allCountries,exports.commonCountries=o.commonCountries,exports.defaultCountries=o.defaultCountries,exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatPhoneNumber=o.formatPhoneNumber,exports.getCountriesByDialCode=o.getCountriesByDialCode,exports.getCountryByCode=o.getCountryByCode,exports.getCountryByDialCode=o.getCountryByDialCode,exports.getPhoneDigits=o.getPhoneDigits,exports.getPhoneMask=o.getPhoneMask,exports.isValidPhoneLength=o.isValidPhoneLength,exports.phoneMasks=o.phoneMasks,exports.searchCountries=o.searchCountries,exports.PhoneInput=r;