@atom-learning/components 1.3.1 → 1.6.0

package/dist/components/notification-badge/NotificationBadge.d.ts

@@ -0,0 +1,535 @@
+import React from 'react';
+declare const StyledBadge: import("@stitches/react/types/styled-component").StyledComponent<import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
+    };
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+    };
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+}>>, {}, {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, import("@stitches/react/types/css-util").CSS<{
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    reducedMotion: string;
+    allowMotion: string;
+    hover: string;
+}, {
+    colors: {
+        textForeground: any;
+        textSubtle: any;
+        textPlaceholder: any;
+        background: any;
+        backgroundAccent: any;
+        tonal50: any;
+        tonal100: any;
+        tonal200: any;
+        tonal300: any;
+        tonal400: any;
+        tonal500: any;
+        tonal600: any;
+        alpha100: any;
+        alpha150: any;
+        alpha200: any;
+        alpha250: any;
+        alpha600: any;
+        primaryLight: any;
+        primary: any;
+        primaryMid: any;
+        primaryDark: any;
+        secondary: any;
+        brandRed: any;
+        brandRedAccent: any;
+        brandGreen: any;
+        brandGreenAccent: any;
+        brandPurple: any;
+        brandPurpleAccent: any;
+        brandYellow: any;
+        brandYellowAccent: any;
+        successLight: any;
+        success: any;
+        successMid: any;
+        successDark: any;
+        dangerLight: any;
+        danger: any;
+        dangerMid: any;
+        dangerDark: any;
+        warningLight: any;
+        warning: any;
+        warningMid: any;
+        warningDark: any;
+        subjectEnglish: any;
+        subjectMaths: any;
+        subjectScience: any;
+        subjectVerbalReasoning: any;
+        subjectNonVerbalReasoning: any;
+        subjectCreativeWriting: any;
+        subjectExamSkills: any;
+    };
+    space: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+        "9": any;
+    };
+    fontSizes: {
+        xs: any;
+        sm: any;
+        md: any;
+        lg: any;
+        xl: any;
+        "2xl": any;
+        "3xl": any;
+        "4xl": any;
+    };
+    fonts: {
+        sans: any;
+        mono: any;
+        display: any;
+        body: any;
+    };
+    sizes: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        "4": any;
+        "5": any;
+        "6": any;
+        "7": any;
+        "8": any;
+    };
+    radii: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+        round: any;
+    };
+    shadows: {
+        "0": any;
+        "1": any;
+        "2": any;
+        "3": any;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    bg: (value: {
+        readonly [$$PropertyValue]: "background";
+    }) => {
+        background: {
+            readonly [$$PropertyValue]: "background";
+        };
+    };
+    inset: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        top: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        right: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        bottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        left: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    size: (value: string | number | {
+        readonly [$$ScaleValue]: "size";
+    }) => {
+        height: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+        width: string | number | {
+            readonly [$$ScaleValue]: "size";
+        };
+    };
+    p: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    pl: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    px: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    py: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    m: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mt: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mr: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mb: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    ml: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    mx: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+    my: (value: string | number | {
+        readonly [$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [$$ScaleValue]: "space";
+        };
+    };
+}>>;
+declare type NotificationBadgeProps = React.ComponentProps<typeof StyledBadge> & {
+    value: number | string;
+};
+export declare const NotificationBadge: React.FC<NotificationBadgeProps>;
+export {};

package/dist/components/notification-badge/NotificationBadge.js

@@ -0,0 +1 @@
+import e from"react";import{Box as i}from"../box/Box.js";import{Flex as n}from"../flex/Flex.js";import{styled as o}from"../../stitches.js";const l=o(i,{position:"relative"}),a=o(n,{fontFamily:"$body",fontSize:"$sm",flexDirection:"column",justifyContent:"center",position:"absolute",top:"0",right:"0",transform:"translate(calc($sizes$2 / 2), -50%)",borderRadius:"$round",p:"$2",height:"$2",minWidth:"$2",textAlign:"center",color:"#fff",bg:"$primary"}),m=({value:t,children:r})=>e.createElement(l,null,!!t&&e.createElement(a,{role:"status"},t),r);export{m as NotificationBadge};

package/dist/components/notification-badge/index.d.ts

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

package/dist/components/password-field/PasswordField.js

@@ -1 +1 @@
-const r=["css","label","name","prompt","description","validation"];function e(){return(e=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(r[t]=o[t])}return r}).apply(this,arguments)}import{createElement as o}from"react";import{useFormContext as t}from"react-hook-form";import{FieldWrapper as i}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as n}from"../form/useFieldError.js";import{PasswordInput as s}from"../password-input/PasswordInput.js";const p=p=>{let{css:a={},label:l="Password",name:d,prompt:m,description:c,validation:f}=p,u=function(r,e){if(null==r)return{};var o,t,i={},n=Object.keys(r);for(t=0;t<n.length;t++)o=n[t],e.indexOf(o)>=0||(i[o]=r[o]);return i}(p,r);const{register:j}=t(),{error:v}=n(d),w=f?j(f):j;return o(i,{css:e({},a,{position:"relative"}),description:c,error:v,fieldId:d,label:l,prompt:m,required:Boolean(null==f?void 0:f.required)},o(s,Object.assign({autoComplete:"current-password",name:d,id:d,ref:w},u)))};p.displayName="PasswordField";export{p as PasswordField};
+import{createElement as s}from"react";import{useFormContext as f}from"react-hook-form";import{FieldWrapper as n}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as w}from"../form/useFieldError.js";import{PasswordInput as F}from"../password-input/PasswordInput.js";const t=({css:i={},label:p="Password",name:r,prompt:d=void 0,description:m,validation:o,...l})=>{const{register:e}=f(),{error:u}=w(r),c=o?e(o):e;return s(n,{css:{...i,position:"relative"},description:m,error:u,fieldId:r,label:p,prompt:d,required:Boolean(o==null?void 0:o.required)},s(F,{autoComplete:"current-password",name:r,id:r,ref:c,...l}))};t.displayName="PasswordField";export{t as PasswordField};

package/dist/components/password-input/PasswordInput.js

@@ -1 +1 @@
-const o=["css","hidePasswordText","showPasswordText"];function s(){return(s=Object.assign||function(o){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(o[r]=t[r])}return o}).apply(this,arguments)}import{Eye as t,EyeCrossed as r}from"@atom-learning/icons";import{forwardRef as e,useState as n,createElement as i}from"react";import{ActionIcon as a}from"../action-icon/ActionIcon.js";import{Box as c}from"../box/Box.js";import{Icon as p}from"../icon/Icon.js";import{Input as l}from"../input/Input.js";const m=e(((e,m)=>{let{css:f,hidePasswordText:u="Hide password",showPasswordText:d="Show password"}=e,w=function(o,s){if(null==o)return{};var t,r,e={},n=Object.keys(o);for(r=0;r<n.length;r++)t=n[r],s.indexOf(t)>=0||(e[t]=o[t]);return e}(e,o);const[h,x]=n(!1);return i(c,{css:s({position:"relative"},f)},i(l,Object.assign({},w,{type:h?"text":"password",ref:m,css:{pr:"$sizes$2"}})),i(a,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:h?u:d,onClick:()=>x((o=>!o)),onMouseDown:o=>o.preventDefault(),size:"lg"},i(p,{is:h?t:r,css:{size:20}})))}));m.displayName="PasswordInput";export{m as PasswordInput};
+import{Eye as c,EyeCrossed as d}from"@atom-learning/icons";import{forwardRef as w,useState as f,createElement as s}from"react";import{ActionIcon as u}from"../action-icon/ActionIcon.js";import{Box as b}from"../box/Box.js";import{Icon as I}from"../icon/Icon.js";import{Input as y}from"../input/Input.js";const t=w(({css:r,hidePasswordText:i="Hide password",showPasswordText:a="Show password",...p},n)=>{const[o,m]=f(!1),l=()=>m(e=>!e);return s(b,{css:{position:"relative",...r}},s(y,{...p,type:o?"text":"password",ref:n,css:{pr:"$sizes$2"}}),s(u,{appearance:"simple",theme:"neutral",css:{bottom:0,position:"absolute",right:0},label:o?i:a,onClick:l,onMouseDown:e=>e.preventDefault(),size:"lg"},s(I,{is:o?c:d,css:{size:20}})))});t.displayName="PasswordInput";export{t as PasswordInput};

package/dist/components/popover/Popover.js

@@ -1 +1 @@
-import{Root as o,Trigger as r}from"@radix-ui/react-popover";import{createElement as t}from"react";import{styled as e}from"../../stitches.js";import{PopoverContent as i}from"./PopoverContent.js";e(o,{});const p=r=>t(o,Object.assign({},r));p.Content=i,p.Trigger=r,p.displayName="Popover";export{p as Popover};
+import{Root as r,Trigger as t}from"@radix-ui/react-popover";import{createElement as m}from"react";import{styled as p}from"../../stitches.js";import{PopoverContent as i}from"./PopoverContent.js";p(r,{});const o=e=>m(r,{...e});o.Content=i,o.Trigger=t,o.displayName="Popover";export{o as Popover};

package/dist/components/popover/PopoverContent.d.ts

@@ -269,6 +269,7 @@ declare const StyledContent: import("@stitches/react/types/styled-component").St
 }>>;
 declare type PopoverContentProps = React.ComponentProps<typeof StyledContent> & React.ComponentProps<typeof Content> & {
     closePopoverText?: string;
+    showCloseButton?: boolean;
 };
 export declare const PopoverContent: React.FC<PopoverContentProps>;
 export {};

package/dist/components/popover/PopoverContent.js

@@ -1 +1 @@
-const i=["children","side","sideOffset","closePopoverText","size"];import{Close as t}from"@atom-learning/icons";import{Content as e,Arrow as o,Close as a}from"@radix-ui/react-popover";import{createElement as s}from"react";import{styled as r}from"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import{slideDownAndFade as n,slideLeftAndFade as m,slideUpAndFade as d,slideRightAndFade as p}from"../../utilities/style/keyframe-animations.js";import{ActionIcon as l}from"../action-icon/ActionIcon.js";import{Icon as c}from"../icon/Icon.js";const f=r(e,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:n},'&[data-side="right"]':{animationName:m},'&[data-side="bottom"]':{animationName:d},'&[data-side="left"]':{animationName:p}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),h=r(o,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),u=e=>{let{children:o,side:r="top",sideOffset:n=8,closePopoverText:m="Close popover",size:d="md"}=e,p=function(i,t){if(null==i)return{};var e,o,a={},s=Object.keys(i);for(o=0;o<s.length;o++)e=s[o],t.indexOf(e)>=0||(a[e]=i[e]);return a}(e,i);return s(f,Object.assign({size:d,side:r,sideOffset:n},p),s(l,{as:a,css:{position:"absolute",right:"$0",top:"$0"},label:m,size:"lg",theme:"neutral"},s(c,{is:t})),o,s(h,{width:16,height:8}))};export{u as PopoverContent};
+import{Close as r}from"@atom-learning/icons";import{Content as l,Arrow as p,Close as h}from"@radix-ui/react-popover";import{createElement as t}from"react";import{styled as i}from"../../stitches.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{slideDownAndFade as f,slideLeftAndFade as g,slideUpAndFade as w,slideRightAndFade as x}from"../../utilities/style/keyframe-animations.js";const b=i(l,{bg:"white",borderRadius:"$1",boxShadow:"$2",maxWidth:"90vw",p:"$sizes$2",pr:"$6",position:"relative","@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="open"]':{'&[data-side="top"]':{animationName:f},'&[data-side="right"]':{animationName:g},'&[data-side="bottom"]':{animationName:w},'&[data-side="left"]':{animationName:x}}},variants:{size:{sm:{maxWidth:"200px"},md:{maxWidth:"400px"},lg:{maxWidth:"600px"}}}}),C=i(p,{fill:"white",zIndex:1,'[data-align="end"] &':{mr:"$sizes$2"},'[data-align="start"] &':{ml:"$sizes$2"}}),u=({children:o,side:e="top",sideOffset:a=8,closePopoverText:n="Close popover",showCloseButton:m=!0,size:s="md",...d})=>t(b,{size:s,side:e,sideOffset:a,...d},m&&t(c,{as:h,css:{position:"absolute",right:"$0",top:"$0"},label:n,size:"lg",theme:"neutral"},t($,{is:r})),o,t(C,{width:16,height:8}));export{u as PopoverContent};

package/dist/components/progress-bar/ProgressBar.js

@@ -1 +1 @@
-const r=["value","theme"];import{Root as e,Indicator as o}from"@radix-ui/react-progress";import{createElement as t}from"react";import{styled as i}from"../../stitches.js";const n=i(e,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),a=i(o,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),s=e=>{let{value:o,theme:i="primary"}=e,s=function(r,e){if(null==r)return{};var o,t,i={},n=Object.keys(r);for(t=0;t<n.length;t++)o=n[t],e.indexOf(o)>=0||(i[o]=r[o]);return i}(e,r);return t(n,Object.assign({theme:i},s),t(a,{style:{width:`${o}%`}}))};s.displayName="ProgressBar";export{s as ProgressBar};
+import{Root as s,Indicator as n}from"@radix-ui/react-progress";import{createElement as r}from"react";import{styled as o}from"../../stitches.js";const d=o(s,{borderRadius:"$round",background:"$tonal100",height:"$0",position:"relative",overflow:"hidden",width:"100%",variants:{theme:{primary:{color:"$primary"},success:{color:"$success"},warning:{color:"$warning"},danger:{color:"$danger"}}}}),c=o(n,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),e=({value:t,theme:i="primary",...a})=>r(d,{theme:i,...a},r(c,{style:{width:`${t}%`}}));e.displayName="ProgressBar";export{e as ProgressBar};

package/dist/components/radio-button/RadioButton.js

@@ -1 +1 @@
-import{Item as o,Indicator as r}from"@radix-ui/react-radio-group";import{createElement as t}from"react";import{styled as e}from"../../stitches.js";const a=e(o,{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal400",borderRadius:"$round",color:"white",cursor:"pointer",display:"flex",justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out","&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),n=e(r,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),i=o=>t(a,Object.assign({},o),t(n,null));i.displayName="RadioButton";export{i as RadioButton};
+import{Item as n,Indicator as a}from"@radix-ui/react-radio-group";import{createElement as o}from"react";import{styled as r}from"../../stitches.js";const l=r(n,{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal400",borderRadius:"$round",color:"white",cursor:"pointer",display:"flex",justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out","&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary",borderColor:"$primary"},"&[disabled]":{backgroundColor:"$tonal100",borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),d=r(a,{size:"6px",borderRadius:"$round",backgroundColor:"currentcolor",position:"absolute"}),t=e=>o(l,{...e},o(d,null));t.displayName="RadioButton";export{t as RadioButton};

package/dist/components/radio-button/RadioButtonGroup.js

@@ -1 +1 @@
-import{Root as o}from"@radix-ui/react-radio-group";import{styled as r}from"../../stitches.js";const i=r(o,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});i.displayName="RadioButtonGroup";export{i as RadioButtonGroup};
+import{Root as r}from"@radix-ui/react-radio-group";import{styled as t}from"../../stitches.js";const o=t(r,{display:"flex",flexWrap:"wrap",variants:{direction:{row:{flexDirection:"row","& > *:not(:last-child)":{mr:"$5"}},column:{flexDirection:"column"}}}});o.displayName="RadioButtonGroup";export{o as RadioButtonGroup};

package/dist/components/radio-button-field/RadioButtonField.js

@@ -1 +1 @@
-import{createElement as o}from"react";import{useFormContext as r,Controller as e}from"react-hook-form";import{Description as t}from"../field-wrapper/FieldDescription.js";import"../form/Form.js";import{useFieldError as i}from"../form/useFieldError.js";import{Label as a}from"../label/Label.js";import"../radio-button/RadioButton.js";import{RadioButtonGroup as l}from"../radio-button/RadioButtonGroup.js";import{ValidationError as m}from"../validation-error/ValidationError.js";import{styled as s}from"../../stitches.js";import{RadioField as n}from"./RadioField.js";const d=s("fieldset",{all:"unset"}),u=({children:s,css:n,direction:u="column",defaultValue:p,description:c,label:f,name:j,validation:b})=>{const{control:h}=r(),{error:v}=i(j);return o(d,{css:n},o(a,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(null==b?void 0:b.required)},f),c&&o(t,{css:{mb:"$3"}},c),o(e,{control:h,name:j,rules:b,defaultValue:p,render:({onChange:r,value:e})=>o(l,{direction:u,defaultValue:p,onValueChange:r,value:e},s)}),v&&o(m,{css:{mt:"$2"}},v))};u.Item=n,u.displayName="RadioButtonField";export{u as RadioButtonField};
+import{createElement as o}from"react";import{useFormContext as a,Controller as F}from"react-hook-form";import{Description as B}from"../field-wrapper/FieldDescription.js";import"../form/Form.js";import{useFieldError as R}from"../form/useFieldError.js";import{Label as b}from"../label/Label.js";import"../radio-button/RadioButton.js";import{RadioButtonGroup as C}from"../radio-button/RadioButtonGroup.js";import{ValidationError as E}from"../validation-error/ValidationError.js";import{styled as $}from"../../stitches.js";import{RadioField as g}from"./RadioField.js";const q=$("fieldset",{all:"unset"}),e=({children:s,css:n,direction:p="column",defaultValue:t,description:m,label:d,name:i,validation:r})=>{const{control:u}=a(),{error:l}=R(i);return o(q,{css:n},o(b,{as:"legend",css:{p:0,mb:"$3"},required:Boolean(r==null?void 0:r.required)},d),m&&o(B,{css:{mb:"$3"}},m),o(F,{control:u,name:i,rules:r,defaultValue:t,render:({onChange:c,value:f})=>o(C,{direction:p,defaultValue:t,onValueChange:c,value:f},s)}),l&&o(E,{css:{mt:"$2"}},l))};e.Item=g,e.displayName="RadioButtonField";export{e as RadioButtonField};

package/dist/components/radio-button-field/RadioField.js

@@ -1 +1 @@
-const r=["css","label","value"];import{createElement as e}from"react";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as t}from"../field-wrapper/InlineFieldWrapper.js";import{RadioButton as o}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";const i=i=>{let{css:a,label:l,value:n}=i,p=function(r,e){if(null==r)return{};var t,o,i={},a=Object.keys(r);for(o=0;o<a.length;o++)t=a[o],e.indexOf(t)>=0||(i[t]=r[t]);return i}(i,r);return e(t,{css:a,label:l},e(o,Object.assign({value:n},p)))};i.displayName="RadioField";export{i as RadioField};
+import{createElement as o}from"react";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as p}from"../field-wrapper/InlineFieldWrapper.js";import{RadioButton as a}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";const i=({css:r,label:e,value:t,...m})=>o(p,{css:r,label:e},o(a,{value:t,...m}));i.displayName="RadioField";export{i as RadioField};

package/dist/components/radio-card/RadioCard.js

@@ -1 +1 @@
-const i=["children","isFullWidth","size","align"];import{Item as r,Indicator as t}from"@radix-ui/react-radio-group";import{createElement as e}from"react";import{styled as l}from"../../stitches.js";import{Box as n}from"../box/Box.js";const o=l(r,{alignItems:"center",bg:"white",border:"1px solid $tonal200",borderRadius:"$0",cursor:"pointer",display:"flex",textAlign:"left",'&[data-state="checked"]':{outline:"2px solid $primary",outlineOffset:"-2px"},variants:{align:{left:{flexDirection:"row"},right:{flexDirection:"row-reverse"}},size:{md:{px:"$4",py:"$3"},lg:{px:"$5",py:"$4"}},isFullWidth:{true:{width:"100%"},false:{width:"max-content"}}}}),a=l("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),s=l(t,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),d=r=>{let{children:t,isFullWidth:l=!1,size:d="md",align:u="left"}=r,c=function(i,r){if(null==i)return{};var t,e,l={},n=Object.keys(i);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||(l[t]=i[t]);return l}(r,i);return e(o,Object.assign({},c,{align:u,isFullWidth:l,size:d}),e(a,{align:u,containerIsFullWidth:l},e(s,null)),e(n,null,t))};export{d as RadioCard,o as StyledRadioCard};
+import{Item as s,Indicator as d}from"@radix-ui/react-radio-group";import{createElement as t}from"react";import{styled as r}from"../../stitches.js";import{Box as c}from"../box/Box.js";const i=r(s,{alignItems:"center",bg:"white",border:"1px solid $tonal200",borderRadius:"$0",cursor:"pointer",display:"flex",textAlign:"left",'&[data-state="checked"]':{outline:"2px solid $primary",outlineOffset:"-2px"},variants:{align:{left:{flexDirection:"row"},right:{flexDirection:"row-reverse"}},size:{md:{px:"$4",py:"$3"},lg:{px:"$5",py:"$4"}},isFullWidth:{true:{width:"100%"},false:{width:"max-content"}}}}),p=r("div",{alignItems:"center",appearance:"none",backgroundColor:"transparent",border:"1px solid $tonal500",borderRadius:"$round",display:"flex",flexShrink:0,justifyContent:"center",p:0,size:"$1",transition:"all 50ms ease-out",'[data-state="checked"] &':{backgroundColor:"$primary",borderColor:"$primary"},variants:{containerIsFullWidth:{true:{},false:{}},align:{left:{mr:"$4"},right:{}}},compoundVariants:[{containerIsFullWidth:!0,align:"right",css:{ml:"auto"}},{containerIsFullWidth:!1,align:"right",css:{ml:"$4"}}]}),u=r(d,{backgroundColor:"white",borderRadius:"$round",position:"absolute",size:"6px"}),m=({children:a,isFullWidth:e=!1,size:n="md",align:o="left",...l})=>t(i,{...l,align:o,isFullWidth:e,size:n},t(p,{align:o,containerIsFullWidth:e},t(u,null)),t(c,null,a));export{m as RadioCard,i as StyledRadioCard};

package/dist/components/radio-card/RadioCardGroup.js

@@ -1 +1 @@
-const i=["css","children","size","isFullWidth","align","gap","justify"];import{Root as r}from"@radix-ui/react-radio-group";import{createElement as t,Children as s,isValidElement as e,cloneElement as o}from"react";import{Stack as n}from"../stack/Stack.js";import{RadioCard as a}from"./RadioCard.js";const l=l=>{let{css:c,children:u,size:d,isFullWidth:f,align:p,gap:g="3",justify:m}=l,j=function(i,r){if(null==i)return{};var t,s,e={},o=Object.keys(i);for(s=0;s<o.length;s++)t=o[s],r.indexOf(t)>=0||(e[t]=i[t]);return e}(l,i);return t(r,Object.assign({},j),t(n,{direction:"row",justify:m,gap:g,css:c},s.map(u,(i=>e(i)&&(null==i?void 0:i.type)===a?o(i,{size:d,isFullWidth:f,align:p}):i))))};export{l as RadioCardGroup};
+import{Root as d}from"@radix-ui/react-radio-group";import{createElement as o,Children as l,isValidElement as u,cloneElement as C}from"react";import{Stack as E}from"../stack/Stack.js";import{RadioCard as R}from"./RadioCard.js";const s=({css:t,children:e,size:m,isFullWidth:n,align:i,gap:a="3",justify:p,...f})=>o(d,{...f},o(E,{direction:"row",justify:p,gap:a,css:t},l.map(e,r=>u(r)&&(r==null?void 0:r.type)===R?C(r,{size:m,isFullWidth:n,align:i}):r)));export{s as RadioCardGroup};

package/dist/components/search-input/SearchInput.d.ts

@@ -1,9 +1,12 @@
 import * as React from 'react';
+import { Input } from '../../components/input';
 import { CSS } from '../../stitches';
-import { Input } from '../input/Input';
 declare type SearchInputProps = React.ComponentProps<typeof Input> & {
     size: 'sm' | 'md';
     css?: CSS;
+    value?: string;
+    clearText?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
 export declare const SearchInput: React.FC<SearchInputProps>;
 export {};