@atom-learning/components 1.11.0 → 1.14.1

package/CHANGELOG.md

@@ -1,27 +1,9 @@
-# [1.11.0](https://github.com/Atom-Learning/components/compare/v1.10.0...v1.11.0) (2022-05-20)
+## [1.14.1](https://github.com/Atom-Learning/components/compare/v1.14.0...v1.14.1) (2022-06-08)
 
 
 ### Bug Fixes
 
-* delete console.log ([cc18fe1](https://github.com/Atom-Learning/components/commit/cc18fe1d9fc5794e253b181fb4e93ca0fc06af5b))
-* focus-visible style ([4b9cb3b](https://github.com/Atom-Learning/components/commit/4b9cb3b3a9c56ee46956cc24639bfe73db00193b))
-* pr comments ([29f63a1](https://github.com/Atom-Learning/components/commit/29f63a1975d965149568fdc70906638704a7566c))
-* remove unnecessary specificity ([55e0d35](https://github.com/Atom-Learning/components/commit/55e0d35a5d3e78dddd803a895d004f93a99aa979))
-* Stack only default align if actually undefined ([5c93835](https://github.com/Atom-Learning/components/commit/5c93835fa730ea21e2d16b3052f469b876e2a9e8))
-* ToggleGroup use direction for variants and let orientation pass down to Radix ([271c573](https://github.com/Atom-Learning/components/commit/271c573601f12cf3b9ac3763ef5655c540ad4185))
-
-
-### Features
-
-* cleaner way to remove Icon padding ([477da4e](https://github.com/Atom-Learning/components/commit/477da4ed4c2789f6991d222a70a54bb0cba4f211))
-* instal radix togglegroup, update mdast-util-from-markdown ([6169a95](https://github.com/Atom-Learning/components/commit/6169a95a084f67cfcfc5d6befb775f1c4fe587d7))
-* more flexible Stack ([6a67bfb](https://github.com/Atom-Learning/components/commit/6a67bfb0d04b6e88e39e2032c19e9b745d4229be))
-* revert Stack gap to default to 2 ([3a34735](https://github.com/Atom-Learning/components/commit/3a34735adc2aa19aacf624bfb3fe2dcb305041bc))
-* simplify ToggleGroup test ([1a26019](https://github.com/Atom-Learning/components/commit/1a260195fba528f8ddb47e71b056fd15f2b0b47c))
-* Stack change wrap variants to explicit flex-wrap properties ([794e94a](https://github.com/Atom-Learning/components/commit/794e94a64eed2ef106607f5cfdfe00411cb39887))
-* ToggleGroup and ToggleGroupButton ([0e8353e](https://github.com/Atom-Learning/components/commit/0e8353ec06f5bbe2b8314e406b7207529c2046f8))
-* ToggleGroup better doc description ([3ebd878](https://github.com/Atom-Learning/components/commit/3ebd8780ef4d50babbc622edf1ef7dcaa0441f83))
-* ToggleGroup.mdx docs ([4a4c5e5](https://github.com/Atom-Learning/components/commit/4a4c5e5af4a61db81934ffffc076e842498d7d8a))
+* the ProgressBar now accepts absolute values and calculates the percentage based on them ([a62e04b](https://github.com/Atom-Learning/components/commit/a62e04b02d3666276a156f4f2ad15b4848397063))
 
 # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
 

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,536 @@
+import * as 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";
+        };
+    };
+}>>, {
+    theme?: "success" | "danger" | "warning" | "neutral" | "info" | undefined;
+    size?: "sm" | "md" | "xs" | undefined;
+}, {
+    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 BadgeProps = React.ComponentProps<typeof StyledBadge>;
+export declare const Badge: React.FC<BadgeProps>;
+export {};

package/dist/components/badge/Badge.js

@@ -0,0 +1 @@
+import{createElement as e}from"react";import{styled as s}from"../../stitches.js";import{Box as n}from"../box/Box.js";import{Flex as c}from"../flex/Flex.js";const l=s(c,{justifyContent:"center",alignItems:"center",borderRadius:"$0",border:"1px solid #FFFFFF",fontFamily:"$body",variants:{theme:{success:{bg:"$successLight",color:"$successDark"},warning:{bg:"$warningLight",color:"$tonal600"},danger:{bg:"$dangerLight",color:"$dangerDark"},neutral:{bg:"$tonal50",color:"$tonal400"},info:{bg:"$primaryLight",color:"$primaryMid"}},size:{xs:{fontSize:"$sm",px:"$3",height:"calc(24px - $space$1)"},sm:{fontSize:"$md",px:"$4",height:"calc(32px - $space$1)"},md:{fontSize:"$md",px:"$4",height:"calc(48px - $space$1)"}}}}),o=({theme:r="info",size:t="sm",children:a,...i})=>e(l,{role:"status",theme:r,size:t,...i},e(n,{as:"div",css:{whiteSpace:"nowrap",overflowX:"hidden",textOverflow:"ellipsis",py:"$0"}},a));o.displayName="Badge";export{o as Badge};

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

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

package/dist/components/dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { Trigger } from '@radix-ui/react-dialog';
+import { Description, Title, Trigger } from '@radix-ui/react-dialog';
 import * as React from 'react';
 import { DialogClose } from './DialogClose';
 import { DialogContent } from './DialogContent';
@@ -271,6 +271,8 @@ declare type DialogProps = React.ComponentProps<typeof StyledDialog>;
 export declare const Dialog: React.FC<DialogProps> & {
     Close: typeof DialogClose;
     Content: typeof DialogContent;
+    Description: typeof Description;
+    Title: typeof Title;
     Trigger: typeof Trigger;
 };
 export {};

package/dist/components/dialog/Dialog.js

@@ -1 +1 @@
-import{Root as r,Trigger as e}from"@radix-ui/react-dialog";import{createElement as i}from"react";import{styled as m}from"../../stitches.js";import{DialogClose as l}from"./DialogClose.js";import{DialogContent as g}from"./DialogContent.js";const a=m(r,{}),o=t=>i(a,{...t});o.Close=l,o.Content=g,o.Trigger=e,o.displayName="Dialog";export{o as Dialog};
+import{Root as i,Description as e,Title as r,Trigger as l}from"@radix-ui/react-dialog";import{createElement as m}from"react";import{styled as g}from"../../stitches.js";import{DialogClose as n}from"./DialogClose.js";import{DialogContent as p}from"./DialogContent.js";const a=g(i,{}),o=t=>m(a,{...t});o.Close=n,o.Content=p,o.Description=e,o.Title=r,o.Trigger=l,o.displayName="Dialog";export{o as Dialog};

package/dist/components/form/Form.js

@@ -1 +1 @@
-import b from"invariant";import{createElement as a}from"react";import{useForm as g,FormProvider as h}from"react-hook-form";import v from"react-hook-form-persist";import{styled as w}from"../../stitches.js";import{StorageEnum as S}from"./Form.types.js";const x=w("form",{}),y=({persist:e,watch:t,setValue:n,children:s})=>{const{id:o,...r}=e;let i={...r,storage:r.storage===S.LOCAL?window.localStorage:window.sessionStorage};if(r.exclude){const{exclude:d,...c}=i,u=t(),f=Object.keys(u).filter(m=>{var l;if(!((l=r.exclude)==null?void 0:l.includes(m)))return m});i={...c,include:f}}return v(o,{watch:t,setValue:n},i),s},p=({formMethods:e,handleSubmit:t,onSubmit:n,children:s,...o})=>a(h,{...e},a(x,{"aria-label":"form",...o,onSubmit:t(n)},s)),F=({children:e,defaultValues:t={},onSubmit:n,validationMode:s="onBlur",render:o,persist:r,...i})=>{b(!(e&&o),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const d=g({defaultValues:t,mode:s}),{handleSubmit:c,watch:u,setValue:f}=d,m=o?o(d):e,l={formMethods:d,handleSubmit:c,onSubmit:n,...i};return r?a(y,{persist:r,watch:u,setValue:f},a(p,{...l},m)):a(p,{...l},m)};F.displayName="Form";export{F as Form};
+import g from"invariant";import{createElement as a}from"react";import{useForm as h,FormProvider as v}from"react-hook-form";import w from"react-hook-form-persist";import{styled as S}from"../../stitches.js";import{StorageEnum as x}from"./Form.types.js";const y=S("form",{}),C=({persist:r,watch:e,setValue:n,children:s})=>{const{id:i,...o}=r;let t={...o,storage:o.storage===x.LOCAL?window.localStorage:window.sessionStorage};if(o.exclude){const{exclude:f,...m}=t,c=e(),u=Object.keys(c).filter(d=>{var l;if(!((l=o.exclude)==null?void 0:l.includes(d)))return d});t={...m,include:u}}return w(i,{watch:e,setValue:n},t),s},F=({formMethods:r,handleSubmit:e,onSubmit:n,onError:s,children:i,...o})=>a(v,{...r},a(y,{"aria-label":"form",...o,onSubmit:e(n,s)},i)),b=({children:r,defaultValues:e={},onSubmit:n,onError:s,validationMode:i="onBlur",render:o,persist:t,...f})=>{g(!(r&&o),"`Form` should only be given one of `children` or `render`. When both are provided, `render` will be used and `children` will be ignored.");const m=h({defaultValues:e,mode:i}),{handleSubmit:c,watch:u,setValue:d}=m,l=o?o(m):r,p={formMethods:m,handleSubmit:c,onSubmit:n,onError:s,...f};return t?a(C,{persist:t,watch:u,setValue:d},a(F,{...p},l)):a(F,{...p},l)};b.displayName="Form";export{b as Form};

package/dist/components/form/Form.types.d.ts

@@ -23,8 +23,9 @@ export declare type PersistFormWrapperValues = {
 };
 export declare type FormContentValues = {
     formMethods: any;
-    handleSubmit: (data: any) => void | any;
+    handleSubmit: (submitHandler: (data: any) => void | any, submitErrorHandler?: (errors: any) => void) => (e: any) => Promise<void>;
     onSubmit: (data: any) => void | any;
+    onError?: (errors: any) => void;
     children: React.ReactNode | any;
 };
 export declare type FormValues = {
@@ -32,6 +33,7 @@ export declare type FormValues = {
         [key: string]: string | number;
     };
     onSubmit: (data: any) => void | any;
+    onError?: (errors: any) => void;
     validationMode?: Mode;
     persist?: PersistOptions;
 } & ({

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export { Accordion } from './accordion';
 export { EmptyState } from './empty-state';
 export { ActionIcon } from './action-icon';
 export { AlertDialog, useAlert, AlertProvider } from './alert-dialog';
+export { Badge } from './badge';
 export { Box } from './box';
 export { Button, StyledButton } from './button';
 export { Carousel, useCarousel } from './carousel';

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

@@ -1 +1 @@
-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};
+import{Root as n,Indicator as d}from"@radix-ui/react-progress";import{createElement as t}from"react";import{styled as e}from"../../stitches.js";const c=e(n,{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"}}}}),l=e(d,{backgroundColor:"currentcolor",borderRadius:"$round",boxSizing:"border-box",height:"100%",position:"absolute",transition:"all 300ms ease-out"}),s=({value:r,max:o=100,theme:a="primary",...i})=>t(c,{value:r,max:o,theme:a,...i},t(l,{style:{width:"100%",transform:`translateX(-${100-(r||0)/o*100}%)`}}));s.displayName="ProgressBar";export{s as ProgressBar};

package/dist/components/tabs/TabTrigger.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const StyledTabTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLDivElement>>, {
+declare const StyledTabTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
     theme?: "dark" | "light" | undefined;
 }, {
     sm: string;

package/dist/components/tabs/TabTrigger.js

@@ -1 +1 @@
-import{Trigger as d}from"@radix-ui/react-tabs";import{opacify as a}from"color2k";import{createElement as n}from"react";import{styled as s,theme as e}from"../../stitches.js";const c=s(d,{cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:a(e.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:a(e.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:a("white",-.8)},"&:not([data-disabled]):active":{bg:a("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),o=({children:t,theme:r,disabled:i=!1,...l})=>n(c,{disabled:i,theme:r,...l},t);o.displayName="TabTrigger";export{o as TabTrigger};
+import{Trigger as l}from"@radix-ui/react-tabs";import{opacify as o}from"color2k";import{createElement as n}from"react";import{styled as c,theme as e}from"../../stitches.js";const s=c(l,{background:"none",border:"none",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:o(e.colors.primary.value,-.9)},"&:not([data-disabled]):active":{color:"$primary",bg:o(e.colors.primary.value,-.8),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:o("white",-.8)},"&:not([data-disabled]):active":{bg:o("white",-.7),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),a=({children:t,theme:r,disabled:i=!1,...d})=>n(s,{disabled:i,theme:r,...d},t);a.displayName="TabTrigger";export{a as TabTrigger};

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,9 +1,10 @@
-import { Root, Trigger } from '@radix-ui/react-tooltip';
+import { Provider, Root, Trigger } from '@radix-ui/react-tooltip';
 import * as React from 'react';
 import { TooltipContent } from './TooltipContent';
 declare type TooltipProps = React.ComponentProps<typeof Root>;
 export declare const Tooltip: React.FC<TooltipProps> & {
     Content: typeof TooltipContent;
     Trigger: typeof Trigger;
+    Provider: typeof Provider;
 };
 export {};

package/dist/components/tooltip/Tooltip.js

@@ -1 +1 @@
-import{Root as i,Trigger as m}from"@radix-ui/react-tooltip";import{createElement as p}from"react";import{styled as l}from"../../stitches.js";import{TooltipContent as n}from"./TooltipContent.js";const o=({children:t,delayDuration:r=350,...e})=>p(i,{delayDuration:r,...e},t);o.Content=n,o.Trigger=l(m,{}),o.displayName="Tooltip";export{o as Tooltip};
+import{Root as i,Trigger as m,Provider as p}from"@radix-ui/react-tooltip";import{createElement as l}from"react";import{styled as n}from"../../stitches.js";import{TooltipContent as T}from"./TooltipContent.js";const o=({children:r,delayDuration:t=350,...e})=>l(i,{delayDuration:t,...e},r);o.Content=T,o.Trigger=n(m,{}),o.Provider=p,o.displayName="Tooltip";export{o as Tooltip};