ioloco-ui - npm Package Compare versions

Comparing version 0.3.112 to 0.4.0

dist/Components/Components/Accordion/accordion.d.ts

@@ -1,39 +0,2 @@
-import type { StyleXStyles } from '@stylexjs/stylex';
-import type { ReactNode, ElementType } from 'react';
-type IStyleHeader = StyleXStyles<{
-    fontSize?: string;
-    width?: string;
-    color?: string;
-    backgroundColor?: string;
-    padding?: string;
-    margin?: string;
-}>;
-type IStyleContent = StyleXStyles<{
-    fontSize?: string;
-    width?: string;
-    color?: string;
-    backgroundColor?: string;
-    padding?: string;
-    margin?: string;
-}>;
-interface ContentItem {
-    title: string;
-    id: string;
-    videoUrl?: string;
-    preview?: string;
-    generatePreviewButton?: (id: string) => ReactNode;
-}
-interface IAccordion {
-    title: string;
-    duration: string;
-    children: ContentItem[];
-    isOpen: boolean;
-    toggleAccordion: () => void;
-    ChevronUp: ElementType;
-    ChevronDown: ElementType;
-    GoPlay?: ElementType;
-    styleHeader?: IStyleHeader;
-    styleContent?: IStyleContent;
-}
+import type { IAccordion } from './types';
 export declare const Accordion: ({ title, duration, children, isOpen, toggleAccordion, ChevronUp, ChevronDown, GoPlay, styleHeader, styleContent }: IAccordion) => import("react/jsx-runtime").JSX.Element;
-export {};

dist/Components/Components/Accordion/index.d.ts

@@ -1,50 +0,3 @@
-import type { StyleXStyles } from '@stylexjs/stylex';
-import type { ReactNode, ElementType } from 'react';
-type IStyleHeader = StyleXStyles<{
-    fontSize?: string;
-    width?: string;
-    color?: string;
-    backgroundColor?: string;
-    padding?: string;
-    margin?: string;
-}>;
-type IStyleContent = StyleXStyles<{
-    fontSize?: string;
-    width?: string;
-    color?: string;
-    backgroundColor?: string;
-    padding?: string;
-    margin?: string;
-}>;
-type Content = {
-    title: string;
-    videoUrl?: string;
-    preview?: string;
-    id: string;
-    renderPreviewButton?: ReactNode;
-};
-type AccordionData = {
-    title: string;
-    duration?: string;
-    content: Content[];
-};
-type FAQContent = {
-    title: string;
-};
-type FAQData = {
-    title: string;
-    content: FAQContent[];
-};
-interface IAccordionContainer {
-    expandAll: boolean;
-    expandIndexes: number[];
-    data: AccordionData[] | FAQData[];
-    ChevronUp: ElementType;
-    ChevronDown: ElementType;
-    center?: boolean;
-    GoPlay?: ElementType;
-    styleHeader?: IStyleHeader;
-    styleContent?: IStyleContent;
-}
+import type { IAccordionContainer } from './types';
 declare const Accordion: ({ data, expandAll, expandIndexes, ChevronUp, ChevronDown, GoPlay, center, styleHeader, styleContent }: IAccordionContainer) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

dist/Components/Components/BlocSection/index.d.ts

@@ -1,20 +0,3 @@
-import type { StyleXStyles } from '@stylexjs/stylex';
-type IStyles = StyleXStyles<{
-    margin?: string;
-    padding?: string;
-    fontSize?: string;
-    width?: string;
-    color?: string;
-    textTransform?: string;
-    textAlign?: string;
-}>;
-interface BlocSectionType {
-    title: string;
-    description?: string;
-    heading?: 'h1' | 'h2';
-    styleRoot?: IStyles;
-    styleTitle?: IStyles;
-    styleDescription?: IStyles;
-}
+import type { BlocSectionType } from './types';
 declare const BlocSection: ({ title, description, heading, styleRoot, styleTitle, styleDescription }: BlocSectionType) => import("react/jsx-runtime").JSX.Element;
 export default BlocSection;

dist/Components/Components/Button/index.d.ts

@@ -1,62 +0,3 @@
-import React from 'react';
-import type { StyleXStyles } from '@stylexjs/stylex';
-type IStyles = StyleXStyles<{
-    position?: 'absolute' | 'relative';
-    top?: number | string;
-    left?: number | string;
-    right?: number | string;
-    bottom?: number | string;
-    margin?: string;
-    padding?: string;
-    backgroundColor?: string;
-    color?: string | {
-        default: string;
-        [key: string]: string;
-    };
-    border?: string;
-    borderWidth?: string | {
-        default: string;
-        [key: string]: string;
-    };
-    borderRadius?: string;
-    display?: string;
-    width?: string;
-    alignSelf?: string;
-    fontSize?: string;
-    textTransform?: string;
-    textAlign?: string;
-    ':hover'?: {
-        borderWidth?: string | {
-            default: string;
-            [key: string]: string;
-        };
-        color?: string | {
-            default: string;
-            [key: string]: string;
-        };
-        backgroundColor?: string | {
-            default: string;
-            [key: string]: string;
-        };
-        border?: string | {
-            default: string;
-            [key: string]: string;
-        };
-    };
-}>;
-interface IButton {
-    color: 'white' | 'primary' | 'secondary' | 'tertiary';
-    variant: 'contained' | 'outlined' | 'transparent';
-    size: 'xs' | 'small' | 'medium' | 'large';
-    type?: 'submit' | 'button' | 'reset';
-    text?: string | undefined;
-    icon?: JSX.Element;
-    onClick?: (() => void) | ((event: any) => void) | ((event: any) => Promise<void>);
-    linkComponent?: React.ElementType;
-    href?: string;
-    formMethod?: string;
-    ariaLabel?: string;
-    style?: IStyles;
-}
-declare const Button: ({ variant, color, size, type, text, icon, formMethod, onClick, linkComponent: LinkComponent, href, ariaLabel, style }: IButton) => import("react/jsx-runtime").JSX.Element;
+import type { ButtonProps } from './types';
+declare const Button: ({ variant, color, size, type, text, icon, formMethod, disabled, onClick, linkComponent: LinkComponent, href, ariaLabel, style }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

dist/Components/Components/Button/index.js

@@ -1,1 +0,1 @@
-import{jsx as l,Fragment as r}from"react/jsx-runtime";import o from"@stylexjs/stylex";const e=e=>{let{variant:d="outlined",color:t="white",size:u,type:b,text:i,icon:h,formMethod:v,onClick:_,linkComponent:S,href:y,ariaLabel:C,style:a}=e;const I="outlined"===d?n[`${t}Outlined`]:n[t],W=n[u],g="transparent"===d?n.transparent:null;return l(r,{children:S?l(S,Object.assign({href:y},o.props(n.base,I,W,a),{"aria-label":C,children:i})):l("button",Object.assign({type:b,formMethod:v,onClick:_,"aria-label":C},o.props(n.base,I,W,g,a),{children:h||i}))})},n={base:{padding:"x17v3l2f",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,cursor:"x1ypdohk",fontSize:"x1jchvi3",margin:"x1m5y4g2",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},white:{color:"x1awj2ng x17iwbir x1g44le",backgroundColor:"x42x0ya x19xzyev xq20e7n",border:"x14wdoiw x54z6wo xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"xopfqth x1d7ux1s",":hover_border":"x1untdej x183qbl2",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},whiteOutlined:{color:"x1mqxbix xat0y86",backgroundColor:"xjbqb8w",border:"x14wdoiw xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1kgw7fo x18qp0xk x1r2gkrt",":hover_backgroundColor":"xnpqzmy x1rgw4h5",":hover_border":"x1inwxqv xyx1xi0",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primary:{color:"x1awj2ng",backgroundColor:"x1htmutm",border:"x1bm8wg9",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x1hreqht",":hover_border":"x1oax5ow",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primaryOutlined:{color:"x1ee20vk",backgroundColor:"xjbqb8w",border:"x1bm8wg9",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"xhd74o6",":hover_border":"xj3dvq8",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondary:{color:"x1awj2ng",backgroundColor:"x17xmlqz",border:"x1b8m8gk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x1bcmq8d",":hover_border":"x1i8dvq9",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondaryOutlined:{color:"xnh76vn",backgroundColor:"xjbqb8w",border:"x1b8m8gk",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x16xvs8l",":hover_border":"xzdhonn",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiary:{color:"x1awj2ng",backgroundColor:"xwrc6f6",border:"x1gvysov",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x15pddsx",":hover_border":"x1hz9x9d",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiaryOutlined:{color:"x1hpdykb",backgroundColor:"xjbqb8w",border:"x1gvysov",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x11kv0cu",":hover_border":"x1pmr0j6",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},transparent:{border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,backgroundColor:"xjbqb8w",":hover_border":"xjomvnz",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,":hover_backgroundColor":"x1n5bzlp",$$css:!0},xs:{padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"x1uv3qv7",$$css:!0},small:{padding:"x1fdl758",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"x579bpy",$$css:!0},medium:{padding:"x17v3l2f",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"xqh2sa2",$$css:!0},large:{padding:"x8x52op",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"xdhfpv1",$$css:!0}};export{e as default};
+import{jsx as l,Fragment as r}from"react/jsx-runtime";import o from"@stylexjs/stylex";const e=e=>{let{variant:d="outlined",color:t="white",size:u,type:b,text:i,icon:h,formMethod:v,disabled:_,onClick:S,linkComponent:a,href:y,ariaLabel:C,style:I}=e;const W="outlined"===d?n[`${t}Outlined`]:n[t],g=n[u],p="transparent"===d?n.transparent:null,c=_?n.disabled:null;return l(r,{children:a?l(a,Object.assign({href:y},o.props(n.base,W,g,I),{"aria-label":C,children:i})):l("button",Object.assign({type:b,formMethod:v,onClick:S,"aria-label":C,disabled:_},o.props(n.base,W,g,p,c,I),{children:h||i}))})},n={base:{padding:"x17v3l2f",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,cursor:"x1ypdohk",fontSize:"x1jchvi3",margin:"x1m5y4g2",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,$$css:!0},white:{color:"x1awj2ng x17iwbir x1g44le",backgroundColor:"x42x0ya x19xzyev xq20e7n",border:"x14wdoiw x54z6wo xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"xopfqth x1d7ux1s",":hover_border":"x1untdej x183qbl2",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},whiteOutlined:{color:"x1mqxbix xat0y86",backgroundColor:"xjbqb8w",border:"x14wdoiw xo9qtu7",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1kgw7fo x18qp0xk x1r2gkrt",":hover_backgroundColor":"xnpqzmy x1rgw4h5",":hover_border":"x1inwxqv xyx1xi0",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primary:{color:"x1awj2ng",backgroundColor:"x1htmutm",border:"x1iv9bg2",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x1hreqht",":hover_border":"x1ua79bx",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},primaryOutlined:{color:"x1ee20vk",backgroundColor:"xjbqb8w",border:"x1iv9bg2",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"xhd74o6",":hover_border":"x1ije7rc",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondary:{color:"x1awj2ng",backgroundColor:"x17xmlqz",border:"x1p6s9bc",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x1bcmq8d",":hover_border":"xtxtvo4",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},secondaryOutlined:{color:"xnh76vn",backgroundColor:"xjbqb8w",border:"x1p6s9bc",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x16xvs8l",":hover_border":"x6sewmh",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiary:{color:"x1awj2ng",backgroundColor:"xwrc6f6",border:"x1ajxm2l",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_backgroundColor":"x15pddsx",":hover_border":"x18x99vz",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},tertiaryOutlined:{color:"x1hpdykb",backgroundColor:"xjbqb8w",border:"x1ajxm2l",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_color":"x1frr76i",":hover_backgroundColor":"x11kv0cu",":hover_border":"xzmavtd",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,$$css:!0},transparent:{border:"x1gs6z28",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,backgroundColor:"xjbqb8w",":hover_border":"xjomvnz",":hover_borderWidth":null,":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,":hover_borderStyle":null,":hover_borderInlineStyle":null,":hover_borderInlineStartStyle":null,":hover_borderLeftStyle":null,":hover_borderInlineEndStyle":null,":hover_borderRightStyle":null,":hover_borderBlockStyle":null,":hover_borderTopStyle":null,":hover_borderBottomStyle":null,":hover_borderColor":null,":hover_borderInlineColor":null,":hover_borderInlineStartColor":null,":hover_borderLeftColor":null,":hover_borderInlineEndColor":null,":hover_borderRightColor":null,":hover_borderBlockColor":null,":hover_borderTopColor":null,":hover_borderBottomColor":null,":hover_backgroundColor":"x1n5bzlp",$$css:!0},disabled:{cursor:"x1h6gzvc",backgroundColor:"xyrfnid",border:"xaihetb",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":hover_borderWidth":"x2smyrm",":hover_borderInlineWidth":null,":hover_borderInlineStartWidth":null,":hover_borderLeftWidth":null,":hover_borderInlineEndWidth":null,":hover_borderRightWidth":null,":hover_borderBlockWidth":null,":hover_borderTopWidth":null,":hover_borderBottomWidth":null,$$css:!0},xs:{padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"x1uv3qv7",$$css:!0},small:{padding:"x1fdl758",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"x579bpy",$$css:!0},medium:{padding:"x17v3l2f",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"xqh2sa2",$$css:!0},large:{padding:"x8x52op",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,fontSize:"xdhfpv1",$$css:!0}};export{e as default};

dist/Components/Form/FileUpload/index.js

@@ -1,1 +0,1 @@
-import{__awaiter as e}from"../../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.1_rollup@4.25.0_tslib@2.8.1_typescript@5.6.3/node_modules/tslib/tslib.es6.js";import{jsxs as t,Fragment as a,jsx as i}from"react/jsx-runtime";import{useRef as o,useState as n}from"react";import r from"../../Components/Button/index.js";const l=l=>{let{handleFile:d,multiple:s,accept:m,maxFiles:c,name:p="Upload File"}=l;const u=o(null),[h,x]=n([]),[f,g]=n(null),v=(null==m?void 0:m.join(","))||"";return t(a,{children:[t("div",Object.assign({},{className:"x78zum5 xdt5ytf x1y8v6su x2wg5rp"},{children:[i(r,{type:"button",color:"secondary",variant:"contained",size:"large",text:p,onClick:()=>{var e;null===(e=u.current)||void 0===e||e.click()}}),i("input",Object.assign({type:"file",multiple:s,accept:v,onChange:t=>e(void 0,void 0,void 0,(function*(){const a=t.target.files;if(a){if(c&&a.length>c)return void g(`You can only upload up to ${c} files.`);g(null);const t=yield Promise.all(Array.from(a).map((t=>e(void 0,void 0,void 0,(function*(){let e;if(t.type.startsWith("video/"))e=yield(e=>new Promise(((t,a)=>{const i=document.createElement("video");i.preload="metadata",i.onloadedmetadata=()=>{window.URL.revokeObjectURL(i.src),t({duration:i.duration,width:i.videoWidth,height:i.videoHeight,format:e.type})},i.onerror=()=>{a(new Error("Failed to load video metadata"))},i.src=URL.createObjectURL(e)})))(t);else{if(!t.type.startsWith("image/"))throw new Error(`Unsupported file type: ${t.type}`);e=yield(e=>new Promise(((t,a)=>{const i=document.createElement("img");i.onload=()=>{t({width:i.width,height:i.height,format:e.type})},i.onerror=()=>{a(new Error("Failed to load image metadata"))},i.src=URL.createObjectURL(e)})))(t)}return{name:t.name,metadata:e}})))));x(t),t.forEach(((e,t)=>{let{name:i,metadata:o}=e;d(a[t],o)}))}})),ref:u},{className:"x1s85apg"}))]})),t("div",Object.assign({},{className:"x2wg5rp x78zum5 xdt5ytf x1y8v6su"},{children:[f&&i("div",Object.assign({},{className:"x1e2nbdu x1elmx46 x1anpbxc"},{children:f})),h.length>0&&i("ul",{children:h.map(((e,a)=>t("li",Object.assign({},{className:"x1elmx46 x3ct3a4"},{children:[e.name,e.metadata.duration?` - Duration: ${e.metadata.duration.toFixed(2)} seconds`:"",", Dimensions: ",e.metadata.width,"x",e.metadata.height,", Format:"," ",e.metadata.format]}),a)))})]}))]})};export{l as default};
+import{__awaiter as e}from"../../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.1_rollup@4.25.0_tslib@2.8.1_typescript@5.7.2/node_modules/tslib/tslib.es6.js";import{jsxs as t,Fragment as a,jsx as i}from"react/jsx-runtime";import{useRef as o,useState as n}from"react";import r from"../../Components/Button/index.js";const l=l=>{let{handleFile:d,multiple:s,accept:m,maxFiles:c,name:p="Upload File"}=l;const u=o(null),[h,x]=n([]),[f,g]=n(null),v=(null==m?void 0:m.join(","))||"";return t(a,{children:[t("div",Object.assign({},{className:"x78zum5 xdt5ytf x1y8v6su x2wg5rp"},{children:[i(r,{type:"button",color:"secondary",variant:"contained",size:"large",text:p,onClick:()=>{var e;null===(e=u.current)||void 0===e||e.click()}}),i("input",Object.assign({type:"file",multiple:s,accept:v,onChange:t=>e(void 0,void 0,void 0,(function*(){const a=t.target.files;if(a){if(c&&a.length>c)return void g(`You can only upload up to ${c} files.`);g(null);const t=yield Promise.all(Array.from(a).map((t=>e(void 0,void 0,void 0,(function*(){let e;if(t.type.startsWith("video/"))e=yield(e=>new Promise(((t,a)=>{const i=document.createElement("video");i.preload="metadata",i.onloadedmetadata=()=>{window.URL.revokeObjectURL(i.src),t({duration:i.duration,width:i.videoWidth,height:i.videoHeight,format:e.type})},i.onerror=()=>{a(new Error("Failed to load video metadata"))},i.src=URL.createObjectURL(e)})))(t);else{if(!t.type.startsWith("image/"))throw new Error(`Unsupported file type: ${t.type}`);e=yield(e=>new Promise(((t,a)=>{const i=document.createElement("img");i.onload=()=>{t({width:i.width,height:i.height,format:e.type})},i.onerror=()=>{a(new Error("Failed to load image metadata"))},i.src=URL.createObjectURL(e)})))(t)}return{name:t.name,metadata:e}})))));x(t),t.forEach(((e,t)=>{let{name:i,metadata:o}=e;d(a[t],o)}))}})),ref:u},{className:"x1s85apg"}))]})),t("div",Object.assign({},{className:"x2wg5rp x78zum5 xdt5ytf x1y8v6su"},{children:[f&&i("div",Object.assign({},{className:"x1e2nbdu x1elmx46 x1anpbxc"},{children:f})),h.length>0&&i("ul",{children:h.map(((e,a)=>t("li",Object.assign({},{className:"x1elmx46 x3ct3a4"},{children:[e.name,e.metadata.duration?` - Duration: ${e.metadata.duration.toFixed(2)} seconds`:"",", Dimensions: ",e.metadata.width,"x",e.metadata.height,", Format:"," ",e.metadata.format]}),a)))})]}))]})};export{l as default};

dist/Components/Form/FormInput/index.d.ts

@@ -1,26 +0,3 @@
-import { StyleXStyles } from '@stylexjs/stylex';
-import type { ReactNode } from 'react';
-interface FormInput {
-    name: string;
-    id?: string;
-    type: 'text' | 'password' | 'email' | 'date' | 'checkbox' | 'number';
-    size: 'small' | 'medium' | 'large';
-    children?: ReactNode;
-    label?: string;
-    value?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    tabIndex?: number;
-    onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onClick?: () => void;
-    style?: StyleXStyles<{
-        margin?: string;
-        backgroundColor?: string;
-        color?: string;
-        border?: string;
-        borderRadius?: string;
-    }>;
-    register?: any;
-}
-declare const FormInput: ({ name, id, type, children, size, label, value, disabled, readOnly, tabIndex, onClick, style, register, onChangeHandler }: FormInput) => import("react/jsx-runtime").JSX.Element;
+import { FormInputProps } from './types';
+declare const FormInput: ({ name, id, type, children, size, label, value, disabled, readOnly, tabIndex, maxLength, inputMode, onClick, onKeyDown, onChangeHandler, onPaste, style, register }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
 export default FormInput;

dist/Components/Form/FormInput/index.js

@@ -1,1 +0,1 @@
-import{jsxs as l,jsx as n}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";import o from"@stylexjs/stylex";const i=i=>{let{name:r,id:u,type:a,children:s,size:g,label:p,value:b,disabled:x,readOnly:c,tabIndex:m,onClick:h,style:f,register:S,onChangeHandler:I}=i;const[$,y]=e(b||""),[R,k]=e(!1),B=R||$.length>0||b&&b.length>0;t((()=>{y(b||"")}),[b]);const C=d[`${g}Input`],z=d[`${g}Label`],L=d[`${g}LabelRaised`];return l("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[n("input",Object.assign({tabIndex:m,id:u,name:r,type:a,value:$,defaultValue:b,onChange:l=>{y(l.target.value),S&&S.onChange&&S.onChange(l),I&&I(l)},onFocus:l=>{k(!0),S&&S.onFocus&&S.onFocus(l)},onBlur:l=>{k(!1),S&&S.onBlur&&S.onBlur(l)},onClick:h,disabled:x,readOnly:c},o.props(d.input,C,f),S&&S.ref?{ref:S.ref}:{})),n("label",Object.assign({},o.props(d.label,z,B?d.labelRaised:{},B?L:{}),{children:p})),s]}))},d={root:{position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,width:"xh8yej3",$$css:!0},input:{width:"xh8yej3",fontSize:"x1uv3qv7",padding:"x164snpw",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,letterSpacing:"x1n1m00d",display:"x1lliihq",color:"x1mqxbix xat0y86",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,border:"xm6uh0w x18um0zi xdhr1b5",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,outline:"x1a2a7pz",outlineColor:null,outlineOffset:null,outlineStyle:null,outlineWidth:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":disabled_backgroundColor":"x10ile8n xeuppom x1n05i9b",$$css:!0},label:{position:"x10l6tqk",top:"x1mn3lko",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",transition:"xbamb8h",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,color:"xzm9aa1 xat0y86",pointerEvents:"x47corl",$$css:!0},labelRaised:{top:"xrtmmra",fontSize:"xvewgow",$$css:!0},smallInput:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumInput:{fontSize:"x579bpy",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeInput:{fontSize:"x13wtedm",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0}};export{i as default};
+import{jsxs as n,jsx as l}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import e from"@stylexjs/stylex";const o=o=>{let{name:u,id:a,type:d,children:b,size:p,label:s,value:g,disabled:m,readOnly:x,tabIndex:c,maxLength:h,inputMode:k,onClick:S,onKeyDown:f,onChangeHandler:I,onPaste:w,style:$,register:y}=o;const[R,B]=t(g||""),[L,_]=t(!1),C=L||R.length>0||null!=g&&g.toString().length>0;i((()=>{B(g||"")}),[g]);const E=r[`${p}Input`],z=r[`${p}Label`],v=r[`${p}LabelRaised`];return n("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[l("input",Object.assign({tabIndex:c,id:a,name:u,type:d,value:R,defaultValue:g,inputMode:k,onChange:n=>{let{value:l}=n.target;"numeric"===k&&(l=l.replace(/[^0-9]/g,"")),B(l),y&&y.onChange&&y.onChange(n),I&&I(n)},onFocus:n=>{_(!0),y&&y.onFocus&&y.onFocus(n)},onBlur:n=>{_(!1),y&&y.onBlur&&y.onBlur(n)},onClick:S,onKeyDown:f,disabled:m,readOnly:x,onPaste:w,maxLength:h},e.props(r.input,E,$,"number"===d?r.numberInput:{}),y&&y.ref?{ref:y.ref}:{})),l("label",Object.assign({},e.props(r.label,z,C?r.labelRaised:{},C?v:{}),{children:s})),b]}))},r={root:{position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,width:"xh8yej3",$$css:!0},input:{width:"xh8yej3",fontSize:"x1uv3qv7",padding:"x164snpw",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,letterSpacing:"x1n1m00d",display:"x1lliihq",color:"x1mqxbix xat0y86",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,border:"xm6uh0w x18um0zi xdhr1b5",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,outline:"x1a2a7pz",outlineColor:null,outlineOffset:null,outlineStyle:null,outlineWidth:null,borderRadius:"x116uinm",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,":disabled_backgroundColor":"x10ile8n xeuppom x1n05i9b",$$css:!0},label:{position:"x10l6tqk",top:"x1mn3lko",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",transition:"xbamb8h",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,color:"xzm9aa1 xat0y86",pointerEvents:"x47corl",$$css:!0},labelRaised:{top:"xrtmmra",fontSize:"xvewgow",$$css:!0},numberInput:{appearance:"xtilpmw","::-webkit-inner-spin-button_appearance":"x3pxiar","::-webkit-inner-spin-button_margin":"x1raxpij","::-webkit-inner-spin-button_marginInline":null,"::-webkit-inner-spin-button_marginInlineStart":null,"::-webkit-inner-spin-button_marginLeft":null,"::-webkit-inner-spin-button_marginInlineEnd":null,"::-webkit-inner-spin-button_marginRight":null,"::-webkit-inner-spin-button_marginBlock":null,"::-webkit-inner-spin-button_marginTop":null,"::-webkit-inner-spin-button_marginBottom":null,"::-webkit-outer-spin-button_appearance":"x7uq1h6","::-webkit-outer-spin-button_margin":"x1l72qor","::-webkit-outer-spin-button_marginInline":null,"::-webkit-outer-spin-button_marginInlineStart":null,"::-webkit-outer-spin-button_marginLeft":null,"::-webkit-outer-spin-button_marginInlineEnd":null,"::-webkit-outer-spin-button_marginRight":null,"::-webkit-outer-spin-button_marginBlock":null,"::-webkit-outer-spin-button_marginTop":null,"::-webkit-outer-spin-button_marginBottom":null,$$css:!0},smallInput:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumInput:{fontSize:"x579bpy",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeInput:{fontSize:"x13wtedm",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0}};export{o as default};

dist/Components/Form/TextArea/index.js

@@ -1,1 +0,1 @@
-import{__rest as l}from"../../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.1_rollup@4.25.0_tslib@2.8.1_typescript@5.6.3/node_modules/tslib/tslib.es6.js";import{jsxs as o,jsx as n}from"react/jsx-runtime";import{forwardRef as r,useState as e,useEffect as t,useCallback as i}from"react";import u from"@stylexjs/stylex";const d=r(((r,d)=>{const{onChangeHandler:s,onFocus:c,onBlur:b,children:g,label:x,register:p,rows:f=2,error:h,disabled:m,maxLength:C,placeholder:S,defaultValue:k="",size:$="medium",value:_}=r,y=l(r,["onChangeHandler","onFocus","onBlur","children","label","register","rows","error","disabled","maxLength","placeholder","defaultValue","size","value"]),[I,v]=e(_||k.toString()),[B,R]=e(!1),L=`textarea-${x.toLowerCase().replace(/\s+/g,"-")}`;t((()=>{v(_||k.toString())}),[_,k]);const w=B||I.length>0||!!S,T=!!C&&I.length>=C,E=i((l=>{(null==p?void 0:p.ref)&&p.ref(l),d&&("function"==typeof d?d(l):d.current=l)}),[p,d]);return o("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[o("div",Object.assign({},{className:"x1n2onr6 xh8yej3"},{children:[n("textarea",Object.assign({ref:E,id:L,name:null==p?void 0:p.name,onChange:l=>{v(l.target.value),null==s||s(l),(null==p?void 0:p.onChange)&&p.onChange(l)},onFocus:l=>{R(!0),null==c||c(l),(null==p?void 0:p.onFocus)&&p.onFocus(l)},onBlur:l=>{R(!1),null==b||b(l),(null==p?void 0:p.onBlur)&&p.onBlur(l)},rows:f,disabled:m,maxLength:C,placeholder:S,"aria-invalid":h,value:I},y,u.props(a.textArea,a[`${$}TextArea`],h&&a.textAreaError,m&&a.textAreaDisabled,T&&a.textAreaMax))),n("label",Object.assign({htmlFor:L},u.props(a.label,a[`${$}Label`],w?a.labelRaised:{},w?a[`${$}LabelRaised`]:{}),{children:x}))]})),C&&n("div",Object.assign({},u.props(a.characterCount,T&&a.characterCountMax),{"aria-live":"polite",children:`${I.length}/${C}`})),g]}))})),a={formTextAreaContainer:{position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,width:"xh8yej3",$$css:!0},textareaWrapper:{position:"x1n2onr6",width:"xh8yej3",$$css:!0},textArea:{width:"xh8yej3",fontFamily:"xjb2p0i",fontWeight:"xo1l8bm",lineHeight:"x1evy7pa",letterSpacing:"x1n1m00d",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,boxSizing:"x9f619",display:"x1lliihq",background:"x1r7xphn x1vdohwv",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,color:"x1mqxbix xat0y86",border:"x1pwc6lw xk5hlel",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x18jy0o0",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,transition:"x17ux05g",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,resize:"xtt52l0",minHeight:"xattyca",":focus_outline":"x1uvtmcs",":focus_outlineColor":null,":focus_outlineOffset":null,":focus_outlineStyle":null,":focus_outlineWidth":null,":focus_borderColor":"xfi3a8w x2ki7la",":focus_borderInlineColor":null,":focus_borderInlineStartColor":null,":focus_borderLeftColor":null,":focus_borderInlineEndColor":null,":focus_borderRightColor":null,":focus_borderBlockColor":null,":focus_borderTopColor":null,":focus_borderBottomColor":null,":focus_boxShadow":"x57obdp x1l5adpi",$$css:!0},label:{position:"x10l6tqk",top:"x1qq7kl",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,transition:"xbamb8h",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,color:"x1mqxbix xat0y86",pointerEvents:"x47corl",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},labelRaised:{top:"xrtmmra",left:"xu96u03",insetInlineStart:null,insetInlineEnd:null,fontSize:"xvewgow",$$css:!0},smallTextArea:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumTextArea:{fontSize:"x579bpy",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeTextArea:{fontSize:"x13wtedm",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},textAreaError:{borderColor:"x1adhiq8",borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":focus_borderColor":"x1cx7754",":focus_borderInlineColor":null,":focus_borderInlineStartColor":null,":focus_borderLeftColor":null,":focus_borderInlineEndColor":null,":focus_borderRightColor":null,":focus_borderBlockColor":null,":focus_borderTopColor":null,":focus_borderBottomColor":null,":focus_boxShadow":"xyj1uud",$$css:!0},textAreaMax:{borderColor:"x1vwgmvp",borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":focus_borderColor":"xjosezk",":focus_borderInlineColor":null,":focus_borderInlineStartColor":null,":focus_borderLeftColor":null,":focus_borderInlineEndColor":null,":focus_borderRightColor":null,":focus_borderBlockColor":null,":focus_borderTopColor":null,":focus_borderBottomColor":null,":focus_boxShadow":"xgi5r8v",$$css:!0},textAreaDisabled:{backgroundColor:"x1cy90ux xxc37g3",cursor:"x1h6gzvc",opacity:"x1ks1olk",$$css:!0},characterCount:{fontSize:"xvewgow",color:"x1pvy4qg xep50wo",transition:"x17gh71v",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,textAlign:"x1hr2gdg",marginTop:"x1mjqqkp",$$css:!0},characterCountMax:{color:"x7idepl",fontWeight:"xk50ysn",$$css:!0}};export{d as default};
+import{__rest as l}from"../../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.1_rollup@4.25.0_tslib@2.8.1_typescript@5.7.2/node_modules/tslib/tslib.es6.js";import{jsxs as o,jsx as n}from"react/jsx-runtime";import{forwardRef as r,useState as e,useEffect as t,useCallback as i}from"react";import u from"@stylexjs/stylex";const d=r(((r,d)=>{const{onChangeHandler:s,onFocus:c,onBlur:b,children:g,label:x,register:p,rows:f=2,error:h,disabled:m,maxLength:C,placeholder:S,defaultValue:k="",size:$="medium",value:_}=r,y=l(r,["onChangeHandler","onFocus","onBlur","children","label","register","rows","error","disabled","maxLength","placeholder","defaultValue","size","value"]),[I,v]=e(_||k.toString()),[B,R]=e(!1),L=`textarea-${x.toLowerCase().replace(/\s+/g,"-")}`;t((()=>{v(_||k.toString())}),[_,k]);const w=B||I.length>0||!!S,T=!!C&&I.length>=C,E=i((l=>{(null==p?void 0:p.ref)&&p.ref(l),d&&("function"==typeof d?d(l):d.current=l)}),[p,d]);return o("div",Object.assign({},{className:"x1n2onr6 x41wgo0 xh8yej3"},{children:[o("div",Object.assign({},{className:"x1n2onr6 xh8yej3"},{children:[n("textarea",Object.assign({ref:E,id:L,name:null==p?void 0:p.name,onChange:l=>{v(l.target.value),null==s||s(l),(null==p?void 0:p.onChange)&&p.onChange(l)},onFocus:l=>{R(!0),null==c||c(l),(null==p?void 0:p.onFocus)&&p.onFocus(l)},onBlur:l=>{R(!1),null==b||b(l),(null==p?void 0:p.onBlur)&&p.onBlur(l)},rows:f,disabled:m,maxLength:C,placeholder:S,"aria-invalid":h,value:I},y,u.props(a.textArea,a[`${$}TextArea`],h&&a.textAreaError,m&&a.textAreaDisabled,T&&a.textAreaMax))),n("label",Object.assign({htmlFor:L},u.props(a.label,a[`${$}Label`],w?a.labelRaised:{},w?a[`${$}LabelRaised`]:{}),{children:x}))]})),C&&n("div",Object.assign({},u.props(a.characterCount,T&&a.characterCountMax),{"aria-live":"polite",children:`${I.length}/${C}`})),g]}))})),a={formTextAreaContainer:{position:"x1n2onr6",margin:"x41wgo0",marginInline:null,marginInlineStart:null,marginLeft:null,marginInlineEnd:null,marginRight:null,marginBlock:null,marginTop:null,marginBottom:null,width:"xh8yej3",$$css:!0},textareaWrapper:{position:"x1n2onr6",width:"xh8yej3",$$css:!0},textArea:{width:"xh8yej3",fontFamily:"xjb2p0i",fontWeight:"xo1l8bm",lineHeight:"x1evy7pa",letterSpacing:"x1n1m00d",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,boxSizing:"x9f619",display:"x1lliihq",background:"x1r7xphn x1vdohwv",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,color:"x1mqxbix xat0y86",border:"x1pwc6lw xk5hlel",borderWidth:null,borderInlineWidth:null,borderInlineStartWidth:null,borderLeftWidth:null,borderInlineEndWidth:null,borderRightWidth:null,borderBlockWidth:null,borderTopWidth:null,borderBottomWidth:null,borderStyle:null,borderInlineStyle:null,borderInlineStartStyle:null,borderLeftStyle:null,borderInlineEndStyle:null,borderRightStyle:null,borderBlockStyle:null,borderTopStyle:null,borderBottomStyle:null,borderColor:null,borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,borderRadius:"x18jy0o0",borderStartStartRadius:null,borderStartEndRadius:null,borderEndStartRadius:null,borderEndEndRadius:null,borderTopLeftRadius:null,borderTopRightRadius:null,borderBottomLeftRadius:null,borderBottomRightRadius:null,transition:"x17ux05g",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,resize:"xtt52l0",minHeight:"xattyca",":focus_outline":"x1uvtmcs",":focus_outlineColor":null,":focus_outlineOffset":null,":focus_outlineStyle":null,":focus_outlineWidth":null,":focus_borderColor":"xfi3a8w x2ki7la",":focus_borderInlineColor":null,":focus_borderInlineStartColor":null,":focus_borderLeftColor":null,":focus_borderInlineEndColor":null,":focus_borderRightColor":null,":focus_borderBlockColor":null,":focus_borderTopColor":null,":focus_borderBottomColor":null,":focus_boxShadow":"x57obdp x1l5adpi",$$css:!0},label:{position:"x10l6tqk",top:"x1qq7kl",left:"x1fholub",insetInlineStart:null,insetInlineEnd:null,transition:"xbamb8h",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,color:"x1mqxbix xat0y86",pointerEvents:"x47corl",background:"x1md70p1",backgroundAttachment:null,backgroundClip:null,backgroundColor:null,backgroundImage:null,backgroundOrigin:null,backgroundPosition:null,backgroundPositionX:null,backgroundPositionY:null,backgroundRepeat:null,backgroundSize:null,$$css:!0},labelRaised:{top:"xrtmmra",left:"xu96u03",insetInlineStart:null,insetInlineEnd:null,fontSize:"xvewgow",$$css:!0},smallTextArea:{fontSize:"x1uv3qv7",padding:"x1uz70x1",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},mediumTextArea:{fontSize:"x579bpy",padding:"x3vcqe7",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},largeTextArea:{fontSize:"x13wtedm",padding:"xis3749",paddingInline:null,paddingStart:null,paddingLeft:null,paddingEnd:null,paddingRight:null,paddingBlock:null,paddingTop:null,paddingBottom:null,$$css:!0},smallLabel:{top:"x1nwpe0i",fontSize:"x1uv3qv7",$$css:!0},mediumLabel:{top:"x1qq7kl",fontSize:"x579bpy",$$css:!0},largeLabel:{top:"xati1ur",fontSize:"x13wtedm",$$css:!0},smallLabelRaised:{top:"x1hrx7a0",fontSize:"xngnso2",$$css:!0},mediumLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},largeLabelRaised:{top:"x11ulg39",fontSize:"x1elmx46",$$css:!0},textAreaError:{borderColor:"x1adhiq8",borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":focus_borderColor":"x1cx7754",":focus_borderInlineColor":null,":focus_borderInlineStartColor":null,":focus_borderLeftColor":null,":focus_borderInlineEndColor":null,":focus_borderRightColor":null,":focus_borderBlockColor":null,":focus_borderTopColor":null,":focus_borderBottomColor":null,":focus_boxShadow":"xyj1uud",$$css:!0},textAreaMax:{borderColor:"x1vwgmvp",borderInlineColor:null,borderInlineStartColor:null,borderLeftColor:null,borderInlineEndColor:null,borderRightColor:null,borderBlockColor:null,borderTopColor:null,borderBottomColor:null,":focus_borderColor":"xjosezk",":focus_borderInlineColor":null,":focus_borderInlineStartColor":null,":focus_borderLeftColor":null,":focus_borderInlineEndColor":null,":focus_borderRightColor":null,":focus_borderBlockColor":null,":focus_borderTopColor":null,":focus_borderBottomColor":null,":focus_boxShadow":"xgi5r8v",$$css:!0},textAreaDisabled:{backgroundColor:"x1cy90ux xxc37g3",cursor:"x1h6gzvc",opacity:"x1ks1olk",$$css:!0},characterCount:{fontSize:"xvewgow",color:"x1pvy4qg xep50wo",transition:"x17gh71v",transitionBehavior:null,transitionDelay:null,transitionDuration:null,transitionProperty:null,transitionTimingFunction:null,textAlign:"x1hr2gdg",marginTop:"x1mjqqkp",$$css:!0},characterCountMax:{color:"x7idepl",fontWeight:"xk50ysn",$$css:!0}};export{d as default};

dist/Components/Utils/SpacedInputGrid/index.d.ts

@@ -1,16 +0,3 @@
-import React from 'react';
-import type { ReactNode } from 'react';
-import type { StyleXStyles } from '@stylexjs/stylex';
-type StyleXStylesType = StyleXStyles<{
-    width?: string;
-    display?: string;
-    gap?: string;
-    gridTemplateColumns?: string;
-    marginBottom?: string;
-}>;
-interface ISpacedInputGrid {
-    children: ReactNode;
-    style?: StyleXStylesType;
-}
+import type { ISpacedInputGrid } from './types';
 declare const SpacedInputGrid: React.FC<ISpacedInputGrid>;
 export default SpacedInputGrid;

dist/Components/Utils/SpacedInputGrid/index.js

@@ -1,1 +0,1 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import r from"@stylexjs/stylex";const s=s=>{let{children:i,style:l}=s;const o=`repeat(${Math.min(5,t.Children.count(i))}, 1fr)`;return e("div",Object.assign({},{className:"xh8yej3 xrvj5dj x1h4iudz"},r.props(l),{style:{gridTemplateColumns:o},children:i}))};export{s as default};
+import{jsx as t}from"react/jsx-runtime";import e from"@stylexjs/stylex";import{Children as r}from"react";const s=s=>{let{children:o,style:i}=s;const l=`repeat(${Math.min(5,r.count(o))}, 1fr)`;return t("div",Object.assign({},{className:"xh8yej3 xrvj5dj x1h4iudz"},e.props(i),{style:{gridTemplateColumns:l},children:o}))};export{s as default};

dist/index.d.ts

 export { default as Drawer } from './Components/UI/Drawer';
 export { default as Menu } from './Components/UI/Menu';
 export { default as Paper } from './Components/UI/Paper';
-export { default as Button } from './Components/Components/Button';
+export { default as Button } from './Components/Components/Button/index';
 export { default as BlocSection } from './Components/Components/BlocSection';
@@ -6,0 +6,0 @@ export { default as Accordion } from './Components/Components/Accordion';

package.json

 {
   "name": "ioloco-ui",
-  "version": "0.3.112",
+  "version": "0.4.0",
   "description": "Stylex UI components for React",
@@ -5,0 +5,0 @@ "author": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

173373

decreased by-0.98%

Lines of code

2223

decreased by-6.36%

No dependency changes