UNPKG

@snowball-tech/fractal

Version:

Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS

1 lines 12.7 kB
import{Breakpoints as ee,DARK_BG_COLORS_CLASSNAMES as te,DARK_FG_COLORS_CLASSNAMES as e,DEFAULT_THEME as t,LIGHT_BG_COLORS_CLASSNAMES as n,LIGHT_FG_COLORS_CLASSNAMES as r,MEDIUM_BG_COLORS_CLASSNAMES as i,MEDIUM_FG_COLORS_CLASSNAMES as a,PREFIX as ne,Themes as re}from"./constants.js";import{alternatingBgColorLightClassNames as ie,cj as ae,cn as oe,customTwMerge as se,fractionRegex as o,heightTshirtUnitRegex as s,isFraction as c,isHeightTshirtSize as l,isTshirtSize as u,isValidSpacing as d,tshirtUnitRegex as f}from"./styles/helpers.js";import{DEFAULT_ELEMENT as p,DEFAULT_VARIANT as m,VARIANTS_MAPPING as h,Variants as g}from"./components/Typography/Typography.constants.js";import _ from"./components/Typography/Typography.js";import{extendChildren as v,hasChildWithProps as y,onlyText as b,rangeStep as x,sleep as S}from"./utils.js";import{AlternateElevations as C,DEFAULT_ELEVATION as w,DEFAULT_TITLE_VARIANT as T,Elevations as E,elevationClassNames as D,elevationStyles as O}from"./components/Paper/Paper.constants.js";import{DEFAULT_ELEVATION as k}from"./components/Dropdown/Dropdown.constants.js";import A from"./components/Dropdown/DropdownItem.js";import j from"./components/Dropdown/DropdownItemGroup.js";import M from"./components/Dropdown/DropdownItemSeparator.js";import N from"./components/Dropdown/Dropdown.js";import{ThemeContext as P}from"./ThemeProvider.js";import F from"./hooks/useTheme.js";import{DEFAULT_VARIANT as I,Variants as L,variantClassNames as R,variantDisabledClassNames as z,variantDisabledStyles as B,variantStyles as V}from"./components/Button/Button.constants.js";import H from"./components/Button/Button.js";import U from"./components/InputText/InputText.js";import W from"./components/Autocomplete/Autocomplete.js";import G from"./components/Autocomplete/AutocompleteEmpty.js";import{DEFAULT_SIZE as K,DURATION as ce,Sizes as le}from"./components/Loader/Loader.constants.js";import ue from"./components/Loader/Loader.js";import de from"./components/Autocomplete/AutocompleteLoading.js";import{DEFAULT_SIZE as fe,Sizes as pe,sizeToTypographyVariant as me}from"./components/Avatar/Avatar.constants.js";import he from"./components/Avatar/Avatar.js";import ge from"./components/Badge/Badge.js";import{AlternateFontSizes as _e,Colors as ve,DEFAULT_COLOR as ye,DEFAULT_FONT_SIZE as be,FontSizes as xe}from"./components/Card/Card.constants.js";import Se from"./components/Card/Card.js";import{DEFAULT_POSITION as Ce,Positions as q}from"./components/Dialog/Dialog.constants.js";import we from"./components/Paper/Paper.js";import Te from"./components/ScrollArea/ScrollArea.js";import Ee from"./components/Dialog/Dialog.js";import De from"./components/Confirm/Confirm.js";import{Colors as Oe,DEFAULT_COLOR as ke}from"./components/CuteIcon/CuteIcon.constants.js";import Ae from"./components/CuteIcon/CuteIcon.js";import{DEFAULT_DESKTOP_ORIENTATION as je,DEFAULT_MOBILE_ORIENTATION as Me,DEFAULT_ORIENTATION as Ne,DEFAULT_PICKER_VARIANT as Pe,DEFAULT_TIME_VARIANT as Fe,Orientations as Ie,PickerVariants as Le,TimeVariants as Re}from"./components/DateTimePicker/DateTimePicker.constants.js";import{DEFAULT_ELEVATION as ze}from"./components/Popover/Popover.constants.js";import Be from"./components/Popover/Popover.js";import{DEFAULT_ORIENTATION as Ve,DEFAULT_POSITION as He,DEFAULT_SIZE as Ue,DEFAULT_VARIANT as We,Orientations as Ge,Positions as Ke,Sizes as qe,Variants as Je}from"./components/Tabs/Tabs.constants.js";import Ye from"./components/Tabs/Tab.js";import Xe from"./components/Tabs/TabContent.js";import Ze from"./components/Tabs/Tabs.js";import Qe from"./components/DateTimePicker/DateTimePicker.js";import{DEFAULT_VARIANT as $e,Variants as et}from"./components/InputRadio/InputRadio.constants.js";import tt from"./components/InputRadio/InputRadioGroup.js";import nt from"./components/Dropdown/DropdownRadioGroup.js";import rt from"./components/InputRadio/InputRadio.js";import it from"./components/Dropdown/DropdownRadioItem.js";import at from"./components/Dropdown/SubDropdown.js";import{Categories as J,DEFAULT_CATEGORIES as ot,DEFAULT_EMOJIS_SET as st,DEFAULT_LOCALE as ct,DEFAULT_NAV_POSITION as lt,DEFAULT_PREVIEW_POSITION as ut,DEFAULT_SEARCH_POSITION as dt,DEFAULT_SKIN_TONE as Y,DEFAULT_SKIN_TONE_POSITION as ft,DEFAULT_VERSION as pt,EmojisSets as X,Locales as mt,Positions as Z,SKIN_TONES as Q,SearchPositions as ht,SkinTonePositions as gt,VERSIONS as _t}from"./components/EmojiPicker/EmojiPicker.constants.js";import vt from"./components/EmojiPicker/Emoji.js";import yt from"./components/EmojiPicker/EmojiPicker.js";import bt from"./components/Header/Header.js";import{DEFAULT_COLOR as xt,DEFAULT_VARIANT as St,Variants as Ct}from"./components/InputCheckbox/InputCheckbox.constants.js";import wt from"./components/InputCheckbox/InputCheckbox.js";import Tt from"./components/InputDate/InputDate.js";import{DEFAULT_VARIANT as Et,Variants as Dt}from"./components/InputFile/InputFile.constants.js";import Ot from"./components/InputFile/InputFile.js";import{DEFAULT_COUNTRY_CODE as kt,countryByCountryCode as At,supportedCountries as jt}from"./components/InputPhone/InputPhone.constants.js";import Mt from"./components/Select/Select.js";import Nt from"./components/Select/SelectEmpty.js";import Pt from"./components/Select/SelectItem.js";import Ft from"./components/InputPhone/InputPhone.js";import It from"./components/InputPinCode/InputPinCode.js";import Lt from"./components/LegacyScrollArea/ScrollArea.js";import{BrandColors as Rt,DEFAULT_BRAND_COLOR as zt,DEFAULT_PICTO_COLOR as Bt,DEFAULT_SIZE as Vt,PictoColors as Ht,Sizes as Ut}from"./components/Logo/Logo.constants.js";import Wt from"./components/Logo/Logo.js";import{DEFAULT_ELEVATION as Gt,DEFAULT_ORIENTATION as Kt,DEFAULT_SUB_MENU_ELEVATION as qt,Orientations as Jt}from"./components/Menu/Menu.constants.js";import Yt from"./components/Menu/Menu.js";import Xt from"./components/Menu/MenuItem.js";import Zt from"./components/Menu/MenuItemGroup.js";import Qt from"./components/Menu/MenuItemSeparator.js";import $t from"./components/Menu/SubMenu.js";import en from"./components/Progress/Progress.js";import tn from"./components/Select/SelectItemGroup.js";import{Colors as nn,DEFAULT_COLOR as rn,Shapes as an}from"./components/Skeleton/Skeleton.constants.js";import on from"./components/Skeleton/Skeleton.js";import{DEFAULT_ORIENTATION as sn,Orientations as cn}from"./components/Slider/Slider.constants.js";import ln from"./components/Slider/Slider.js";import un from"./components/Stepper/Stepper.js";import dn from"./components/Switch/Switch.js";import{Colors as fn,DEFAULT_COLOR as pn,DEFAULT_SIZE as mn,Sizes as hn,sizeToTypographyVariant as gn}from"./components/Tag/Tag.constants.js";import _n from"./components/Tag/Tag.js";import vn from"./components/Textarea/Textarea.js";import{DEFAULT_VARIANT as yn,Variants as $,disabledVariantClassNames as bn,variantClassNames as xn}from"./components/Toggle/Toggle.constants.js";import Sn from"./components/Toggle/Toggle.js";import Cn from"./components/ToggleGroup/ToggleGroup.js";import wn from"./components/ToggleGroup/ToggleGroupItem.js";import{DEFAULT_ELEVATION as Tn,DEFAULT_ORIENTATION as En,Orientations as Dn}from"./components/Toolbar/Toolbar.constants.js";import On from"./components/Toolbar/Toolbar.js";import kn from"./components/Toolbar/ToolbarButton.js";import An from"./components/Toolbar/ToolbarDropdown.js";import jn from"./components/Toolbar/ToolbarSeparator.js";import Mn from"./components/Tooltip/Tooltip.js";export{W as Autocomplete,G as AutocompleteEmpty,A as AutocompleteItem,j as AutocompleteItemGroup,M as AutocompleteItemSeparator,de as AutocompleteLoading,he as Avatar,pe as AvatarSizes,ge as Badge,ee as Breakpoints,H as Button,L as ButtonVariants,Se as Card,_e as CardAlternateFontSizes,ve as CardColors,xe as CardFontSizes,De as Confirm,q as ConfirmPositions,Ae as CuteIcon,Oe as CuteIconColors,te as DARK_BG_COLORS_CLASSNAMES,e as DARK_FG_COLORS_CLASSNAMES,fe as DEFAULT_AVATAR_SIZE,I as DEFAULT_BUTTON_VARIANT,ye as DEFAULT_CARD_COLOR,be as DEFAULT_CARD_FONT_SIZE,ke as DEFAULT_CUTE_ICON_COLOR,je as DEFAULT_DATETIME_DESKTOP_ORIENTATION,Me as DEFAULT_DATETIME_MOBILE_ORIENTATION,Ne as DEFAULT_DATETIME_ORIENTATION,Pe as DEFAULT_DATETIME_PICKER_VARIANT,Fe as DEFAULT_DATETIME_TIME_VARIANT,Ce as DEFAULT_DIALOG_POSITION,k as DEFAULT_DROPDOWN_ELEVATION,ot as DEFAULT_EMOJI_PICKER_CATEGORIES,st as DEFAULT_EMOJI_PICKER_EMOJIS_SET,pt as DEFAULT_EMOJI_PICKER_EMOJIS_VERSION,ct as DEFAULT_EMOJI_PICKER_LOCALE,lt as DEFAULT_EMOJI_PICKER_NAV_POSITION,ut as DEFAULT_EMOJI_PICKER_PREVIEW_POSITION,dt as DEFAULT_EMOJI_PICKER_SEARCH_POSITION,Y as DEFAULT_EMOJI_PICKER_SKIN_TONE,ft as DEFAULT_EMOJI_PICKER_SKIN_TONE_POSITION,Y as DEFAULT_EMOJI_SKIN_TONE,xt as DEFAULT_INPUT_CHECKBOX_COLOR,St as DEFAULT_INPUT_CHECKBOX_VARIANT,Et as DEFAULT_INPUT_FILE_VARIANT,kt as DEFAULT_INPUT_PHONE_COUNTRY_CODE,$e as DEFAULT_INPUT_RADIO_VARIANT,ce as DEFAULT_LOADER_DURATION,K as DEFAULT_LOADER_SIZE,zt as DEFAULT_LOGO_BRAND_COLOR,Bt as DEFAULT_LOGO_PICTO_COLOR,Vt as DEFAULT_LOGO_SIZE,Gt as DEFAULT_MENU_ELEVATION,Kt as DEFAULT_MENU_ORIENTATION,qt as DEFAULT_MENU_SUB_MENU_ELEVATION,w as DEFAULT_PAPER_ELEVATION,T as DEFAULT_PAPER_TITLE_VARIANT,ze as DEFAULT_POPOVER_ELEVATION,rn as DEFAULT_SKELETON_COLOR,sn as DEFAULT_SLIDER_ORIENTATION,Ve as DEFAULT_TABS_ORIENTATION,He as DEFAULT_TABS_POSITION,We as DEFAULT_TABS_VARIANT,Ue as DEFAULT_TAB_SIZE,pn as DEFAULT_TAG_COLOR,mn as DEFAULT_TAG_SIZE,t as DEFAULT_THEME,yn as DEFAULT_TOGGLE_VARIANT,Tn as DEFAULT_TOOLBAR_ELEVATION,En as DEFAULT_TOOLBAR_ORIENTATION,p as DEFAULT_TYPOGRAPHY_ELEMENT,m as DEFAULT_TYPOGRAPHY_VARIANT,Ie as DateTimeOrientations,Qe as DateTimePicker,Le as DateTimePickerVariants,Re as DateTimeTimeVariants,Ee as Dialog,q as DialogPositions,N as Dropdown,C as DropdownAlternateElevations,E as DropdownElevations,A as DropdownItem,j as DropdownItemGroup,M as DropdownItemSeparator,nt as DropdownRadioGroup,it as DropdownRadioItem,vt as Emoji,yt as EmojiPicker,J as EmojiPickerCategories,X as EmojiPickerEmojisSets,_t as EmojiPickerEmojisVersions,mt as EmojiPickerLocales,Z as EmojiPickerNavPositions,Z as EmojiPickerPreviewPositions,ht as EmojiPickerSearchPositions,gt as EmojiPickerSkinTonePositions,Q as EmojiPickerSkinTones,Q as EmojiSkinTones,X as EmojisSets,bt as Header,wt as InputCheckbox,Ct as InputCheckboxVariants,Tt as InputDate,Ot as InputFile,Dt as InputFileVariants,Ft as InputPhone,It as InputPinCode,rt as InputRadio,tt as InputRadioGroup,et as InputRadioVariants,U as InputText,n as LIGHT_BG_COLORS_CLASSNAMES,r as LIGHT_FG_COLORS_CLASSNAMES,Lt as LegacyScrollArea,ue as Loader,le as LoaderSizes,Wt as Logo,Rt as LogoBrandColors,Ht as LogoPictoColors,Ut as LogoSizes,i as MEDIUM_BG_COLORS_CLASSNAMES,a as MEDIUM_FG_COLORS_CLASSNAMES,Yt as Menu,C as MenuAlternateElevations,E as MenuElevations,Xt as MenuItem,Zt as MenuItemGroup,Qt as MenuItemSeparator,Jt as MenuOrientations,ne as PREFIX,we as Paper,C as PaperAlternateElevations,E as PaperElevations,g as PaperTitleVariants,Be as Popover,C as PopoverAlternateElevations,E as PopoverElevations,en as Progress,Te as ScrollArea,Mt as Select,Nt as SelectEmpty,Pt as SelectItem,tn as SelectItemGroup,M as SelectItemSeparator,on as Skeleton,nn as SkeletonColors,an as SkeletonShapes,Q as SkinTones,ln as Slider,cn as SliderOrientations,un as Stepper,at as SubDropdown,$t as SubMenu,dn as Switch,Ye as Tab,Xe as TabContent,qe as TabSizes,Ze as Tabs,Ge as TabsOrientations,Ke as TabsPositions,Je as TabsVariants,_n as Tag,fn as TagColors,hn as TagSizes,vn as Textarea,P as ThemeContext,re as Themes,Sn as Toggle,Cn as ToggleGroup,wn as ToggleGroupItem,$ as ToggleGroupVariants,$ as ToggleVariants,On as Toolbar,C as ToolbarAlternateElevations,kn as ToolbarButton,An as ToolbarDropdown,A as ToolbarDropdownItem,j as ToolbarDropdownItemGroup,M as ToolbarDropdownItemSeparator,E as ToolbarElevations,Dn as ToolbarOrientations,jn as ToolbarSeparator,Mn as Tooltip,_ as Typography,g as TypographyVariants,ie as alternatingBgColorLightClassNames,me as avatarSizeToTypographyVariant,z as buttonDisabledClassNames,B as buttonDisabledStyles,R as buttonVariantClassNames,V as buttonVariantStyles,ae as cj,oe as cn,se as customTwMerge,v as extendChildren,o as fractionRegex,y as hasChildWithProps,s as heightTshirtUnitRegex,At as inputPhoneCountryByCountryCode,jt as inputPhoneSupportedCountries,c as isFraction,l as isHeightTshirtSize,u as isTshirtSize,d as isValidSpacing,b as onlyText,D as paperElevationClassNames,O as paperElevationStyles,x as rangeStep,S as sleep,gn as tagSizeToTypographyVariant,bn as toggleDisabledVariantClassNames,xn as toggleVariantClassNames,f as tshirtUnitRegex,h as typographyVariantToElement,F as useTheme};