@apipass/design-system 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +139 -0
- package/dist/lib/index.cjs +2 -0
- package/dist/lib/index.cjs.map +1 -0
- package/dist/lib/index.js +2452 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/style.css +1 -0
- package/dist/types/lib.index.d.ts +6 -0
- package/dist/types/ui/hooks/index.d.ts +1 -0
- package/dist/types/ui/hooks/useMediaQuery.d.ts +8 -0
- package/dist/types/ui/icons/IconActivity.d.ts +2 -0
- package/dist/types/ui/icons/IconAirplay.d.ts +2 -0
- package/dist/types/ui/icons/IconAlertCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconAlertOctagon.d.ts +2 -0
- package/dist/types/ui/icons/IconAlertTriangle.d.ts +2 -0
- package/dist/types/ui/icons/IconAlignCenter.d.ts +2 -0
- package/dist/types/ui/icons/IconAlignJustify.d.ts +2 -0
- package/dist/types/ui/icons/IconAlignLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconAlignRight.d.ts +2 -0
- package/dist/types/ui/icons/IconAnchor.d.ts +2 -0
- package/dist/types/ui/icons/IconAperture.d.ts +2 -0
- package/dist/types/ui/icons/IconArchive.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowDown.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowDownCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowDownLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowDownRight.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowLeftCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowRight.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowRightCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowUp.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowUpCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowUpLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconArrowUpRight.d.ts +2 -0
- package/dist/types/ui/icons/IconAtSign.d.ts +2 -0
- package/dist/types/ui/icons/IconAward.d.ts +2 -0
- package/dist/types/ui/icons/IconBarChart.d.ts +2 -0
- package/dist/types/ui/icons/IconBarChart2.d.ts +2 -0
- package/dist/types/ui/icons/IconBattery.d.ts +2 -0
- package/dist/types/ui/icons/IconBatteryCharging.d.ts +2 -0
- package/dist/types/ui/icons/IconBell.d.ts +2 -0
- package/dist/types/ui/icons/IconBellOff.d.ts +2 -0
- package/dist/types/ui/icons/IconBluetooth.d.ts +2 -0
- package/dist/types/ui/icons/IconBold.d.ts +2 -0
- package/dist/types/ui/icons/IconBook.d.ts +2 -0
- package/dist/types/ui/icons/IconBookOpen.d.ts +2 -0
- package/dist/types/ui/icons/IconBookmark.d.ts +2 -0
- package/dist/types/ui/icons/IconBox.d.ts +2 -0
- package/dist/types/ui/icons/IconBriefcase.d.ts +2 -0
- package/dist/types/ui/icons/IconCalendar.d.ts +2 -0
- package/dist/types/ui/icons/IconCamera.d.ts +2 -0
- package/dist/types/ui/icons/IconCameraOff.d.ts +2 -0
- package/dist/types/ui/icons/IconCast.d.ts +2 -0
- package/dist/types/ui/icons/IconCheck.d.ts +2 -0
- package/dist/types/ui/icons/IconCheckCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconCheckSquare.d.ts +2 -0
- package/dist/types/ui/icons/IconChevronDown.d.ts +2 -0
- package/dist/types/ui/icons/IconChevronLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconChevronRight.d.ts +2 -0
- package/dist/types/ui/icons/IconChevronUp.d.ts +2 -0
- package/dist/types/ui/icons/IconChevronsDown.d.ts +2 -0
- package/dist/types/ui/icons/IconChevronsLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconChevronsRight.d.ts +2 -0
- package/dist/types/ui/icons/IconChevronsUp.d.ts +2 -0
- package/dist/types/ui/icons/IconChrome.d.ts +2 -0
- package/dist/types/ui/icons/IconCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconClipboard.d.ts +2 -0
- package/dist/types/ui/icons/IconClock.d.ts +2 -0
- package/dist/types/ui/icons/IconCloud.d.ts +2 -0
- package/dist/types/ui/icons/IconCloudDrizzle.d.ts +2 -0
- package/dist/types/ui/icons/IconCloudLightning.d.ts +2 -0
- package/dist/types/ui/icons/IconCloudOff.d.ts +2 -0
- package/dist/types/ui/icons/IconCloudRain.d.ts +2 -0
- package/dist/types/ui/icons/IconCloudSnow.d.ts +2 -0
- package/dist/types/ui/icons/IconCode.d.ts +2 -0
- package/dist/types/ui/icons/IconCodepen.d.ts +2 -0
- package/dist/types/ui/icons/IconCodesandbox.d.ts +2 -0
- package/dist/types/ui/icons/IconCoffee.d.ts +2 -0
- package/dist/types/ui/icons/IconColumns.d.ts +2 -0
- package/dist/types/ui/icons/IconCommand.d.ts +2 -0
- package/dist/types/ui/icons/IconCompass.d.ts +2 -0
- package/dist/types/ui/icons/IconCopy.d.ts +2 -0
- package/dist/types/ui/icons/IconCornerDownLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconCornerDownRight.d.ts +2 -0
- package/dist/types/ui/icons/IconCornerLeftDown.d.ts +2 -0
- package/dist/types/ui/icons/IconCornerLeftUp.d.ts +2 -0
- package/dist/types/ui/icons/IconCornerRightDown.d.ts +2 -0
- package/dist/types/ui/icons/IconCornerRightUp.d.ts +2 -0
- package/dist/types/ui/icons/IconCornerUpLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconCornerUpRight.d.ts +2 -0
- package/dist/types/ui/icons/IconCpu.d.ts +2 -0
- package/dist/types/ui/icons/IconCreditCard.d.ts +2 -0
- package/dist/types/ui/icons/IconCrop.d.ts +2 -0
- package/dist/types/ui/icons/IconCrosshair.d.ts +2 -0
- package/dist/types/ui/icons/IconDatabase.d.ts +2 -0
- package/dist/types/ui/icons/IconDelete.d.ts +2 -0
- package/dist/types/ui/icons/IconDisc.d.ts +2 -0
- package/dist/types/ui/icons/IconDivide.d.ts +2 -0
- package/dist/types/ui/icons/IconDivideCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconDivideSquare.d.ts +2 -0
- package/dist/types/ui/icons/IconDollarSign.d.ts +2 -0
- package/dist/types/ui/icons/IconDownload.d.ts +2 -0
- package/dist/types/ui/icons/IconDownloadCloud.d.ts +2 -0
- package/dist/types/ui/icons/IconDribbble.d.ts +2 -0
- package/dist/types/ui/icons/IconDroplet.d.ts +2 -0
- package/dist/types/ui/icons/IconEdit.d.ts +2 -0
- package/dist/types/ui/icons/IconEdit2.d.ts +2 -0
- package/dist/types/ui/icons/IconEdit3.d.ts +2 -0
- package/dist/types/ui/icons/IconExternalLink.d.ts +2 -0
- package/dist/types/ui/icons/IconEye.d.ts +2 -0
- package/dist/types/ui/icons/IconEyeOff.d.ts +2 -0
- package/dist/types/ui/icons/IconFacebook.d.ts +2 -0
- package/dist/types/ui/icons/IconFastForward.d.ts +2 -0
- package/dist/types/ui/icons/IconFeather.d.ts +2 -0
- package/dist/types/ui/icons/IconFigma.d.ts +2 -0
- package/dist/types/ui/icons/IconFile.d.ts +2 -0
- package/dist/types/ui/icons/IconFileMinus.d.ts +2 -0
- package/dist/types/ui/icons/IconFilePlus.d.ts +2 -0
- package/dist/types/ui/icons/IconFileText.d.ts +2 -0
- package/dist/types/ui/icons/IconFilm.d.ts +2 -0
- package/dist/types/ui/icons/IconFilter.d.ts +2 -0
- package/dist/types/ui/icons/IconFlag.d.ts +2 -0
- package/dist/types/ui/icons/IconFolder.d.ts +2 -0
- package/dist/types/ui/icons/IconFolderMinus.d.ts +2 -0
- package/dist/types/ui/icons/IconFolderPlus.d.ts +2 -0
- package/dist/types/ui/icons/IconFramer.d.ts +2 -0
- package/dist/types/ui/icons/IconFrown.d.ts +2 -0
- package/dist/types/ui/icons/IconGift.d.ts +2 -0
- package/dist/types/ui/icons/IconGitBranch.d.ts +2 -0
- package/dist/types/ui/icons/IconGitCommit.d.ts +2 -0
- package/dist/types/ui/icons/IconGitMerge.d.ts +2 -0
- package/dist/types/ui/icons/IconGitPullRequest.d.ts +2 -0
- package/dist/types/ui/icons/IconGithub.d.ts +2 -0
- package/dist/types/ui/icons/IconGitlab.d.ts +2 -0
- package/dist/types/ui/icons/IconGlobe.d.ts +2 -0
- package/dist/types/ui/icons/IconGrid.d.ts +2 -0
- package/dist/types/ui/icons/IconHardDrive.d.ts +2 -0
- package/dist/types/ui/icons/IconHash.d.ts +2 -0
- package/dist/types/ui/icons/IconHeadphones.d.ts +2 -0
- package/dist/types/ui/icons/IconHeart.d.ts +2 -0
- package/dist/types/ui/icons/IconHelpCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconHexagon.d.ts +2 -0
- package/dist/types/ui/icons/IconHome.d.ts +2 -0
- package/dist/types/ui/icons/IconImage.d.ts +2 -0
- package/dist/types/ui/icons/IconInbox.d.ts +2 -0
- package/dist/types/ui/icons/IconInfo.d.ts +2 -0
- package/dist/types/ui/icons/IconInstagram.d.ts +2 -0
- package/dist/types/ui/icons/IconItalic.d.ts +2 -0
- package/dist/types/ui/icons/IconKey.d.ts +2 -0
- package/dist/types/ui/icons/IconLayers.d.ts +2 -0
- package/dist/types/ui/icons/IconLayout.d.ts +2 -0
- package/dist/types/ui/icons/IconLifeBuoy.d.ts +2 -0
- package/dist/types/ui/icons/IconLink.d.ts +2 -0
- package/dist/types/ui/icons/IconLink2.d.ts +2 -0
- package/dist/types/ui/icons/IconLinkedin.d.ts +2 -0
- package/dist/types/ui/icons/IconList.d.ts +2 -0
- package/dist/types/ui/icons/IconLoader.d.ts +2 -0
- package/dist/types/ui/icons/IconLock.d.ts +2 -0
- package/dist/types/ui/icons/IconLogIn.d.ts +2 -0
- package/dist/types/ui/icons/IconLogOut.d.ts +2 -0
- package/dist/types/ui/icons/IconMail.d.ts +2 -0
- package/dist/types/ui/icons/IconMap.d.ts +2 -0
- package/dist/types/ui/icons/IconMapPin.d.ts +2 -0
- package/dist/types/ui/icons/IconMaximize.d.ts +2 -0
- package/dist/types/ui/icons/IconMaximize2.d.ts +2 -0
- package/dist/types/ui/icons/IconMeh.d.ts +2 -0
- package/dist/types/ui/icons/IconMenu.d.ts +2 -0
- package/dist/types/ui/icons/IconMessageCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconMessageSquare.d.ts +2 -0
- package/dist/types/ui/icons/IconMic.d.ts +2 -0
- package/dist/types/ui/icons/IconMicOff.d.ts +2 -0
- package/dist/types/ui/icons/IconMinimize.d.ts +2 -0
- package/dist/types/ui/icons/IconMinimize2.d.ts +2 -0
- package/dist/types/ui/icons/IconMinus.d.ts +2 -0
- package/dist/types/ui/icons/IconMinusCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconMinusSquare.d.ts +2 -0
- package/dist/types/ui/icons/IconMonitor.d.ts +2 -0
- package/dist/types/ui/icons/IconMoon.d.ts +2 -0
- package/dist/types/ui/icons/IconMoreHorizontal.d.ts +2 -0
- package/dist/types/ui/icons/IconMoreVertical.d.ts +2 -0
- package/dist/types/ui/icons/IconMousePointer.d.ts +2 -0
- package/dist/types/ui/icons/IconMove.d.ts +2 -0
- package/dist/types/ui/icons/IconMusic.d.ts +2 -0
- package/dist/types/ui/icons/IconNavigation.d.ts +2 -0
- package/dist/types/ui/icons/IconNavigation2.d.ts +2 -0
- package/dist/types/ui/icons/IconOctagon.d.ts +2 -0
- package/dist/types/ui/icons/IconPackage.d.ts +2 -0
- package/dist/types/ui/icons/IconPaperclip.d.ts +2 -0
- package/dist/types/ui/icons/IconPause.d.ts +2 -0
- package/dist/types/ui/icons/IconPauseCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconPenTool.d.ts +2 -0
- package/dist/types/ui/icons/IconPercent.d.ts +2 -0
- package/dist/types/ui/icons/IconPhone.d.ts +2 -0
- package/dist/types/ui/icons/IconPhoneCall.d.ts +2 -0
- package/dist/types/ui/icons/IconPhoneForwarded.d.ts +2 -0
- package/dist/types/ui/icons/IconPhoneIncoming.d.ts +2 -0
- package/dist/types/ui/icons/IconPhoneMissed.d.ts +2 -0
- package/dist/types/ui/icons/IconPhoneOff.d.ts +2 -0
- package/dist/types/ui/icons/IconPhoneOutgoing.d.ts +2 -0
- package/dist/types/ui/icons/IconPieChart.d.ts +2 -0
- package/dist/types/ui/icons/IconPlay.d.ts +2 -0
- package/dist/types/ui/icons/IconPlayCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconPlus.d.ts +2 -0
- package/dist/types/ui/icons/IconPlusCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconPlusSquare.d.ts +2 -0
- package/dist/types/ui/icons/IconPocket.d.ts +2 -0
- package/dist/types/ui/icons/IconPower.d.ts +2 -0
- package/dist/types/ui/icons/IconPrinter.d.ts +2 -0
- package/dist/types/ui/icons/IconRadio.d.ts +2 -0
- package/dist/types/ui/icons/IconRefreshCcw.d.ts +2 -0
- package/dist/types/ui/icons/IconRefreshCw.d.ts +2 -0
- package/dist/types/ui/icons/IconRepeat.d.ts +2 -0
- package/dist/types/ui/icons/IconRewind.d.ts +2 -0
- package/dist/types/ui/icons/IconRotateCcw.d.ts +2 -0
- package/dist/types/ui/icons/IconRotateCw.d.ts +2 -0
- package/dist/types/ui/icons/IconRss.d.ts +2 -0
- package/dist/types/ui/icons/IconSave.d.ts +2 -0
- package/dist/types/ui/icons/IconScissors.d.ts +2 -0
- package/dist/types/ui/icons/IconSearch.d.ts +2 -0
- package/dist/types/ui/icons/IconSend.d.ts +2 -0
- package/dist/types/ui/icons/IconServer.d.ts +2 -0
- package/dist/types/ui/icons/IconSettings.d.ts +2 -0
- package/dist/types/ui/icons/IconShare.d.ts +2 -0
- package/dist/types/ui/icons/IconShare2.d.ts +2 -0
- package/dist/types/ui/icons/IconShield.d.ts +2 -0
- package/dist/types/ui/icons/IconShieldOff.d.ts +2 -0
- package/dist/types/ui/icons/IconShoppingBag.d.ts +2 -0
- package/dist/types/ui/icons/IconShoppingCart.d.ts +2 -0
- package/dist/types/ui/icons/IconShuffle.d.ts +2 -0
- package/dist/types/ui/icons/IconSidebar.d.ts +2 -0
- package/dist/types/ui/icons/IconSkipBack.d.ts +2 -0
- package/dist/types/ui/icons/IconSkipForward.d.ts +2 -0
- package/dist/types/ui/icons/IconSlack.d.ts +2 -0
- package/dist/types/ui/icons/IconSlash.d.ts +2 -0
- package/dist/types/ui/icons/IconSliders.d.ts +2 -0
- package/dist/types/ui/icons/IconSmartphone.d.ts +2 -0
- package/dist/types/ui/icons/IconSmile.d.ts +2 -0
- package/dist/types/ui/icons/IconSpeaker.d.ts +2 -0
- package/dist/types/ui/icons/IconSquare.d.ts +2 -0
- package/dist/types/ui/icons/IconStar.d.ts +2 -0
- package/dist/types/ui/icons/IconStopCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconSun.d.ts +2 -0
- package/dist/types/ui/icons/IconSunrise.d.ts +2 -0
- package/dist/types/ui/icons/IconSunset.d.ts +2 -0
- package/dist/types/ui/icons/IconTable.d.ts +2 -0
- package/dist/types/ui/icons/IconTablet.d.ts +2 -0
- package/dist/types/ui/icons/IconTag.d.ts +2 -0
- package/dist/types/ui/icons/IconTarget.d.ts +2 -0
- package/dist/types/ui/icons/IconTerminal.d.ts +2 -0
- package/dist/types/ui/icons/IconThermometer.d.ts +2 -0
- package/dist/types/ui/icons/IconThumbsDown.d.ts +2 -0
- package/dist/types/ui/icons/IconThumbsUp.d.ts +2 -0
- package/dist/types/ui/icons/IconToggleLeft.d.ts +2 -0
- package/dist/types/ui/icons/IconToggleRight.d.ts +2 -0
- package/dist/types/ui/icons/IconTool.d.ts +2 -0
- package/dist/types/ui/icons/IconTrash.d.ts +2 -0
- package/dist/types/ui/icons/IconTrash2.d.ts +2 -0
- package/dist/types/ui/icons/IconTrello.d.ts +2 -0
- package/dist/types/ui/icons/IconTrendingDown.d.ts +2 -0
- package/dist/types/ui/icons/IconTrendingUp.d.ts +2 -0
- package/dist/types/ui/icons/IconTriangle.d.ts +2 -0
- package/dist/types/ui/icons/IconTruck.d.ts +2 -0
- package/dist/types/ui/icons/IconTv.d.ts +2 -0
- package/dist/types/ui/icons/IconTwitch.d.ts +2 -0
- package/dist/types/ui/icons/IconTwitter.d.ts +2 -0
- package/dist/types/ui/icons/IconType.d.ts +2 -0
- package/dist/types/ui/icons/IconUmbrella.d.ts +2 -0
- package/dist/types/ui/icons/IconUnderline.d.ts +2 -0
- package/dist/types/ui/icons/IconUnlock.d.ts +2 -0
- package/dist/types/ui/icons/IconUpload.d.ts +2 -0
- package/dist/types/ui/icons/IconUploadCloud.d.ts +2 -0
- package/dist/types/ui/icons/IconUser.d.ts +2 -0
- package/dist/types/ui/icons/IconUserCheck.d.ts +2 -0
- package/dist/types/ui/icons/IconUserMinus.d.ts +2 -0
- package/dist/types/ui/icons/IconUserPlus.d.ts +2 -0
- package/dist/types/ui/icons/IconUserX.d.ts +2 -0
- package/dist/types/ui/icons/IconUsers.d.ts +2 -0
- package/dist/types/ui/icons/IconVideo.d.ts +2 -0
- package/dist/types/ui/icons/IconVideoOff.d.ts +2 -0
- package/dist/types/ui/icons/IconVoicemail.d.ts +2 -0
- package/dist/types/ui/icons/IconVolume.d.ts +2 -0
- package/dist/types/ui/icons/IconVolume1.d.ts +2 -0
- package/dist/types/ui/icons/IconVolume2.d.ts +2 -0
- package/dist/types/ui/icons/IconVolumeX.d.ts +2 -0
- package/dist/types/ui/icons/IconWatch.d.ts +2 -0
- package/dist/types/ui/icons/IconWifi.d.ts +2 -0
- package/dist/types/ui/icons/IconWifiOff.d.ts +2 -0
- package/dist/types/ui/icons/IconWind.d.ts +2 -0
- package/dist/types/ui/icons/IconX.d.ts +2 -0
- package/dist/types/ui/icons/IconXCircle.d.ts +2 -0
- package/dist/types/ui/icons/IconXOctagon.d.ts +2 -0
- package/dist/types/ui/icons/IconXSquare.d.ts +2 -0
- package/dist/types/ui/icons/IconYoutube.d.ts +2 -0
- package/dist/types/ui/icons/IconZap.d.ts +2 -0
- package/dist/types/ui/icons/IconZapOff.d.ts +2 -0
- package/dist/types/ui/icons/IconZoomIn.d.ts +2 -0
- package/dist/types/ui/icons/IconZoomOut.d.ts +2 -0
- package/dist/types/ui/icons/index.d.ts +287 -0
- package/dist/types/ui/layout/Flex/Flex.d.ts +18 -0
- package/dist/types/ui/layout/Grid/Grid.d.ts +56 -0
- package/dist/types/ui/layout/Section/Section.d.ts +18 -0
- package/dist/types/ui/layout/index.d.ts +3 -0
- package/dist/types/ui/primitives/Accordion/Accordion.d.ts +8 -0
- package/dist/types/ui/primitives/Avatar/Avatar.d.ts +25 -0
- package/dist/types/ui/primitives/Button/Button.d.ts +28 -0
- package/dist/types/ui/primitives/Checkbox/Checkbox.d.ts +11 -0
- package/dist/types/ui/primitives/Dialog/Dialog.d.ts +27 -0
- package/dist/types/ui/primitives/Fieldset/Fieldset.d.ts +36 -0
- package/dist/types/ui/primitives/Icon/Icon.d.ts +7 -0
- package/dist/types/ui/primitives/IconButton/IconButton.d.ts +14 -0
- package/dist/types/ui/primitives/Image/Image.d.ts +13 -0
- package/dist/types/ui/primitives/Input/Input.d.ts +8 -0
- package/dist/types/ui/primitives/Link/Link.d.ts +8 -0
- package/dist/types/ui/primitives/ListBox/ListBox.d.ts +6 -0
- package/dist/types/ui/primitives/Logo/Logo.d.ts +4 -0
- package/dist/types/ui/primitives/Menu/Menu.d.ts +33 -0
- package/dist/types/ui/primitives/Navigation/Navigation.d.ts +18 -0
- package/dist/types/ui/primitives/Notification/Notification.d.ts +10 -0
- package/dist/types/ui/primitives/Pagination/Pagination.d.ts +21 -0
- package/dist/types/ui/primitives/Radio/Radio.d.ts +11 -0
- package/dist/types/ui/primitives/Search/Search.d.ts +11 -0
- package/dist/types/ui/primitives/Select/Select.d.ts +12 -0
- package/dist/types/ui/primitives/Slider/Slider.d.ts +18 -0
- package/dist/types/ui/primitives/Switch/Switch.d.ts +10 -0
- package/dist/types/ui/primitives/Tab/Tab.d.ts +10 -0
- package/dist/types/ui/primitives/Table/Table.d.ts +25 -0
- package/dist/types/ui/primitives/Tag/Tag.d.ts +26 -0
- package/dist/types/ui/primitives/Text/Text.d.ts +65 -0
- package/dist/types/ui/primitives/Textarea/Textarea.d.ts +10 -0
- package/dist/types/ui/primitives/Tooltip/Tooltip.d.ts +8 -0
- package/dist/types/ui/primitives/index.d.ts +28 -0
- package/dist/types/ui/utils/AnchorOrButton.d.ts +8 -0
- package/dist/types/ui/utils/index.d.ts +1 -0
- package/package.json +88 -0
|
@@ -0,0 +1,287 @@
|
|
|
1
|
+
export { IconActivity } from "./IconActivity";
|
|
2
|
+
export { IconAirplay } from "./IconAirplay";
|
|
3
|
+
export { IconAlertCircle } from "./IconAlertCircle";
|
|
4
|
+
export { IconAlertOctagon } from "./IconAlertOctagon";
|
|
5
|
+
export { IconAlertTriangle } from "./IconAlertTriangle";
|
|
6
|
+
export { IconAlignCenter } from "./IconAlignCenter";
|
|
7
|
+
export { IconAlignJustify } from "./IconAlignJustify";
|
|
8
|
+
export { IconAlignLeft } from "./IconAlignLeft";
|
|
9
|
+
export { IconAlignRight } from "./IconAlignRight";
|
|
10
|
+
export { IconAnchor } from "./IconAnchor";
|
|
11
|
+
export { IconAperture } from "./IconAperture";
|
|
12
|
+
export { IconArchive } from "./IconArchive";
|
|
13
|
+
export { IconArrowDown } from "./IconArrowDown";
|
|
14
|
+
export { IconArrowDownCircle } from "./IconArrowDownCircle";
|
|
15
|
+
export { IconArrowDownLeft } from "./IconArrowDownLeft";
|
|
16
|
+
export { IconArrowDownRight } from "./IconArrowDownRight";
|
|
17
|
+
export { IconArrowLeft } from "./IconArrowLeft";
|
|
18
|
+
export { IconArrowLeftCircle } from "./IconArrowLeftCircle";
|
|
19
|
+
export { IconArrowRight } from "./IconArrowRight";
|
|
20
|
+
export { IconArrowRightCircle } from "./IconArrowRightCircle";
|
|
21
|
+
export { IconArrowUp } from "./IconArrowUp";
|
|
22
|
+
export { IconArrowUpCircle } from "./IconArrowUpCircle";
|
|
23
|
+
export { IconArrowUpLeft } from "./IconArrowUpLeft";
|
|
24
|
+
export { IconArrowUpRight } from "./IconArrowUpRight";
|
|
25
|
+
export { IconAtSign } from "./IconAtSign";
|
|
26
|
+
export { IconAward } from "./IconAward";
|
|
27
|
+
export { IconBarChart } from "./IconBarChart";
|
|
28
|
+
export { IconBarChart2 } from "./IconBarChart2";
|
|
29
|
+
export { IconBattery } from "./IconBattery";
|
|
30
|
+
export { IconBatteryCharging } from "./IconBatteryCharging";
|
|
31
|
+
export { IconBell } from "./IconBell";
|
|
32
|
+
export { IconBellOff } from "./IconBellOff";
|
|
33
|
+
export { IconBluetooth } from "./IconBluetooth";
|
|
34
|
+
export { IconBold } from "./IconBold";
|
|
35
|
+
export { IconBook } from "./IconBook";
|
|
36
|
+
export { IconBookOpen } from "./IconBookOpen";
|
|
37
|
+
export { IconBookmark } from "./IconBookmark";
|
|
38
|
+
export { IconBox } from "./IconBox";
|
|
39
|
+
export { IconBriefcase } from "./IconBriefcase";
|
|
40
|
+
export { IconCalendar } from "./IconCalendar";
|
|
41
|
+
export { IconCamera } from "./IconCamera";
|
|
42
|
+
export { IconCameraOff } from "./IconCameraOff";
|
|
43
|
+
export { IconCast } from "./IconCast";
|
|
44
|
+
export { IconCheck } from "./IconCheck";
|
|
45
|
+
export { IconCheckCircle } from "./IconCheckCircle";
|
|
46
|
+
export { IconCheckSquare } from "./IconCheckSquare";
|
|
47
|
+
export { IconChevronDown } from "./IconChevronDown";
|
|
48
|
+
export { IconChevronLeft } from "./IconChevronLeft";
|
|
49
|
+
export { IconChevronRight } from "./IconChevronRight";
|
|
50
|
+
export { IconChevronUp } from "./IconChevronUp";
|
|
51
|
+
export { IconChevronsDown } from "./IconChevronsDown";
|
|
52
|
+
export { IconChevronsLeft } from "./IconChevronsLeft";
|
|
53
|
+
export { IconChevronsRight } from "./IconChevronsRight";
|
|
54
|
+
export { IconChevronsUp } from "./IconChevronsUp";
|
|
55
|
+
export { IconChrome } from "./IconChrome";
|
|
56
|
+
export { IconCircle } from "./IconCircle";
|
|
57
|
+
export { IconClipboard } from "./IconClipboard";
|
|
58
|
+
export { IconClock } from "./IconClock";
|
|
59
|
+
export { IconCloud } from "./IconCloud";
|
|
60
|
+
export { IconCloudDrizzle } from "./IconCloudDrizzle";
|
|
61
|
+
export { IconCloudLightning } from "./IconCloudLightning";
|
|
62
|
+
export { IconCloudOff } from "./IconCloudOff";
|
|
63
|
+
export { IconCloudRain } from "./IconCloudRain";
|
|
64
|
+
export { IconCloudSnow } from "./IconCloudSnow";
|
|
65
|
+
export { IconCode } from "./IconCode";
|
|
66
|
+
export { IconCodepen } from "./IconCodepen";
|
|
67
|
+
export { IconCodesandbox } from "./IconCodesandbox";
|
|
68
|
+
export { IconCoffee } from "./IconCoffee";
|
|
69
|
+
export { IconColumns } from "./IconColumns";
|
|
70
|
+
export { IconCommand } from "./IconCommand";
|
|
71
|
+
export { IconCompass } from "./IconCompass";
|
|
72
|
+
export { IconCopy } from "./IconCopy";
|
|
73
|
+
export { IconCornerDownLeft } from "./IconCornerDownLeft";
|
|
74
|
+
export { IconCornerDownRight } from "./IconCornerDownRight";
|
|
75
|
+
export { IconCornerLeftDown } from "./IconCornerLeftDown";
|
|
76
|
+
export { IconCornerLeftUp } from "./IconCornerLeftUp";
|
|
77
|
+
export { IconCornerRightDown } from "./IconCornerRightDown";
|
|
78
|
+
export { IconCornerRightUp } from "./IconCornerRightUp";
|
|
79
|
+
export { IconCornerUpLeft } from "./IconCornerUpLeft";
|
|
80
|
+
export { IconCornerUpRight } from "./IconCornerUpRight";
|
|
81
|
+
export { IconCpu } from "./IconCpu";
|
|
82
|
+
export { IconCreditCard } from "./IconCreditCard";
|
|
83
|
+
export { IconCrop } from "./IconCrop";
|
|
84
|
+
export { IconCrosshair } from "./IconCrosshair";
|
|
85
|
+
export { IconDatabase } from "./IconDatabase";
|
|
86
|
+
export { IconDelete } from "./IconDelete";
|
|
87
|
+
export { IconDisc } from "./IconDisc";
|
|
88
|
+
export { IconDivide } from "./IconDivide";
|
|
89
|
+
export { IconDivideCircle } from "./IconDivideCircle";
|
|
90
|
+
export { IconDivideSquare } from "./IconDivideSquare";
|
|
91
|
+
export { IconDollarSign } from "./IconDollarSign";
|
|
92
|
+
export { IconDownload } from "./IconDownload";
|
|
93
|
+
export { IconDownloadCloud } from "./IconDownloadCloud";
|
|
94
|
+
export { IconDribbble } from "./IconDribbble";
|
|
95
|
+
export { IconDroplet } from "./IconDroplet";
|
|
96
|
+
export { IconEdit } from "./IconEdit";
|
|
97
|
+
export { IconEdit2 } from "./IconEdit2";
|
|
98
|
+
export { IconEdit3 } from "./IconEdit3";
|
|
99
|
+
export { IconExternalLink } from "./IconExternalLink";
|
|
100
|
+
export { IconEye } from "./IconEye";
|
|
101
|
+
export { IconEyeOff } from "./IconEyeOff";
|
|
102
|
+
export { IconFacebook } from "./IconFacebook";
|
|
103
|
+
export { IconFastForward } from "./IconFastForward";
|
|
104
|
+
export { IconFeather } from "./IconFeather";
|
|
105
|
+
export { IconFigma } from "./IconFigma";
|
|
106
|
+
export { IconFile } from "./IconFile";
|
|
107
|
+
export { IconFileMinus } from "./IconFileMinus";
|
|
108
|
+
export { IconFilePlus } from "./IconFilePlus";
|
|
109
|
+
export { IconFileText } from "./IconFileText";
|
|
110
|
+
export { IconFilm } from "./IconFilm";
|
|
111
|
+
export { IconFilter } from "./IconFilter";
|
|
112
|
+
export { IconFlag } from "./IconFlag";
|
|
113
|
+
export { IconFolder } from "./IconFolder";
|
|
114
|
+
export { IconFolderMinus } from "./IconFolderMinus";
|
|
115
|
+
export { IconFolderPlus } from "./IconFolderPlus";
|
|
116
|
+
export { IconFramer } from "./IconFramer";
|
|
117
|
+
export { IconFrown } from "./IconFrown";
|
|
118
|
+
export { IconGift } from "./IconGift";
|
|
119
|
+
export { IconGitBranch } from "./IconGitBranch";
|
|
120
|
+
export { IconGitCommit } from "./IconGitCommit";
|
|
121
|
+
export { IconGitMerge } from "./IconGitMerge";
|
|
122
|
+
export { IconGitPullRequest } from "./IconGitPullRequest";
|
|
123
|
+
export { IconGithub } from "./IconGithub";
|
|
124
|
+
export { IconGitlab } from "./IconGitlab";
|
|
125
|
+
export { IconGlobe } from "./IconGlobe";
|
|
126
|
+
export { IconGrid } from "./IconGrid";
|
|
127
|
+
export { IconHardDrive } from "./IconHardDrive";
|
|
128
|
+
export { IconHash } from "./IconHash";
|
|
129
|
+
export { IconHeadphones } from "./IconHeadphones";
|
|
130
|
+
export { IconHeart } from "./IconHeart";
|
|
131
|
+
export { IconHelpCircle } from "./IconHelpCircle";
|
|
132
|
+
export { IconHexagon } from "./IconHexagon";
|
|
133
|
+
export { IconHome } from "./IconHome";
|
|
134
|
+
export { IconImage } from "./IconImage";
|
|
135
|
+
export { IconInbox } from "./IconInbox";
|
|
136
|
+
export { IconInfo } from "./IconInfo";
|
|
137
|
+
export { IconInstagram } from "./IconInstagram";
|
|
138
|
+
export { IconItalic } from "./IconItalic";
|
|
139
|
+
export { IconKey } from "./IconKey";
|
|
140
|
+
export { IconLayers } from "./IconLayers";
|
|
141
|
+
export { IconLayout } from "./IconLayout";
|
|
142
|
+
export { IconLifeBuoy } from "./IconLifeBuoy";
|
|
143
|
+
export { IconLink } from "./IconLink";
|
|
144
|
+
export { IconLink2 } from "./IconLink2";
|
|
145
|
+
export { IconLinkedin } from "./IconLinkedin";
|
|
146
|
+
export { IconList } from "./IconList";
|
|
147
|
+
export { IconLoader } from "./IconLoader";
|
|
148
|
+
export { IconLock } from "./IconLock";
|
|
149
|
+
export { IconLogIn } from "./IconLogIn";
|
|
150
|
+
export { IconLogOut } from "./IconLogOut";
|
|
151
|
+
export { IconMail } from "./IconMail";
|
|
152
|
+
export { IconMap } from "./IconMap";
|
|
153
|
+
export { IconMapPin } from "./IconMapPin";
|
|
154
|
+
export { IconMaximize } from "./IconMaximize";
|
|
155
|
+
export { IconMaximize2 } from "./IconMaximize2";
|
|
156
|
+
export { IconMeh } from "./IconMeh";
|
|
157
|
+
export { IconMenu } from "./IconMenu";
|
|
158
|
+
export { IconMessageCircle } from "./IconMessageCircle";
|
|
159
|
+
export { IconMessageSquare } from "./IconMessageSquare";
|
|
160
|
+
export { IconMic } from "./IconMic";
|
|
161
|
+
export { IconMicOff } from "./IconMicOff";
|
|
162
|
+
export { IconMinimize } from "./IconMinimize";
|
|
163
|
+
export { IconMinimize2 } from "./IconMinimize2";
|
|
164
|
+
export { IconMinus } from "./IconMinus";
|
|
165
|
+
export { IconMinusCircle } from "./IconMinusCircle";
|
|
166
|
+
export { IconMinusSquare } from "./IconMinusSquare";
|
|
167
|
+
export { IconMonitor } from "./IconMonitor";
|
|
168
|
+
export { IconMoon } from "./IconMoon";
|
|
169
|
+
export { IconMoreHorizontal } from "./IconMoreHorizontal";
|
|
170
|
+
export { IconMoreVertical } from "./IconMoreVertical";
|
|
171
|
+
export { IconMousePointer } from "./IconMousePointer";
|
|
172
|
+
export { IconMove } from "./IconMove";
|
|
173
|
+
export { IconMusic } from "./IconMusic";
|
|
174
|
+
export { IconNavigation } from "./IconNavigation";
|
|
175
|
+
export { IconNavigation2 } from "./IconNavigation2";
|
|
176
|
+
export { IconOctagon } from "./IconOctagon";
|
|
177
|
+
export { IconPackage } from "./IconPackage";
|
|
178
|
+
export { IconPaperclip } from "./IconPaperclip";
|
|
179
|
+
export { IconPause } from "./IconPause";
|
|
180
|
+
export { IconPauseCircle } from "./IconPauseCircle";
|
|
181
|
+
export { IconPenTool } from "./IconPenTool";
|
|
182
|
+
export { IconPercent } from "./IconPercent";
|
|
183
|
+
export { IconPhone } from "./IconPhone";
|
|
184
|
+
export { IconPhoneCall } from "./IconPhoneCall";
|
|
185
|
+
export { IconPhoneForwarded } from "./IconPhoneForwarded";
|
|
186
|
+
export { IconPhoneIncoming } from "./IconPhoneIncoming";
|
|
187
|
+
export { IconPhoneMissed } from "./IconPhoneMissed";
|
|
188
|
+
export { IconPhoneOff } from "./IconPhoneOff";
|
|
189
|
+
export { IconPhoneOutgoing } from "./IconPhoneOutgoing";
|
|
190
|
+
export { IconPieChart } from "./IconPieChart";
|
|
191
|
+
export { IconPlay } from "./IconPlay";
|
|
192
|
+
export { IconPlayCircle } from "./IconPlayCircle";
|
|
193
|
+
export { IconPlus } from "./IconPlus";
|
|
194
|
+
export { IconPlusCircle } from "./IconPlusCircle";
|
|
195
|
+
export { IconPlusSquare } from "./IconPlusSquare";
|
|
196
|
+
export { IconPocket } from "./IconPocket";
|
|
197
|
+
export { IconPower } from "./IconPower";
|
|
198
|
+
export { IconPrinter } from "./IconPrinter";
|
|
199
|
+
export { IconRadio } from "./IconRadio";
|
|
200
|
+
export { IconRefreshCcw } from "./IconRefreshCcw";
|
|
201
|
+
export { IconRefreshCw } from "./IconRefreshCw";
|
|
202
|
+
export { IconRepeat } from "./IconRepeat";
|
|
203
|
+
export { IconRewind } from "./IconRewind";
|
|
204
|
+
export { IconRotateCcw } from "./IconRotateCcw";
|
|
205
|
+
export { IconRotateCw } from "./IconRotateCw";
|
|
206
|
+
export { IconRss } from "./IconRss";
|
|
207
|
+
export { IconSave } from "./IconSave";
|
|
208
|
+
export { IconScissors } from "./IconScissors";
|
|
209
|
+
export { IconSearch } from "./IconSearch";
|
|
210
|
+
export { IconSend } from "./IconSend";
|
|
211
|
+
export { IconServer } from "./IconServer";
|
|
212
|
+
export { IconSettings } from "./IconSettings";
|
|
213
|
+
export { IconShare } from "./IconShare";
|
|
214
|
+
export { IconShare2 } from "./IconShare2";
|
|
215
|
+
export { IconShield } from "./IconShield";
|
|
216
|
+
export { IconShieldOff } from "./IconShieldOff";
|
|
217
|
+
export { IconShoppingBag } from "./IconShoppingBag";
|
|
218
|
+
export { IconShoppingCart } from "./IconShoppingCart";
|
|
219
|
+
export { IconShuffle } from "./IconShuffle";
|
|
220
|
+
export { IconSidebar } from "./IconSidebar";
|
|
221
|
+
export { IconSkipBack } from "./IconSkipBack";
|
|
222
|
+
export { IconSkipForward } from "./IconSkipForward";
|
|
223
|
+
export { IconSlack } from "./IconSlack";
|
|
224
|
+
export { IconSlash } from "./IconSlash";
|
|
225
|
+
export { IconSliders } from "./IconSliders";
|
|
226
|
+
export { IconSmartphone } from "./IconSmartphone";
|
|
227
|
+
export { IconSmile } from "./IconSmile";
|
|
228
|
+
export { IconSpeaker } from "./IconSpeaker";
|
|
229
|
+
export { IconSquare } from "./IconSquare";
|
|
230
|
+
export { IconStar } from "./IconStar";
|
|
231
|
+
export { IconStopCircle } from "./IconStopCircle";
|
|
232
|
+
export { IconSun } from "./IconSun";
|
|
233
|
+
export { IconSunrise } from "./IconSunrise";
|
|
234
|
+
export { IconSunset } from "./IconSunset";
|
|
235
|
+
export { IconTable } from "./IconTable";
|
|
236
|
+
export { IconTablet } from "./IconTablet";
|
|
237
|
+
export { IconTag } from "./IconTag";
|
|
238
|
+
export { IconTarget } from "./IconTarget";
|
|
239
|
+
export { IconTerminal } from "./IconTerminal";
|
|
240
|
+
export { IconThermometer } from "./IconThermometer";
|
|
241
|
+
export { IconThumbsDown } from "./IconThumbsDown";
|
|
242
|
+
export { IconThumbsUp } from "./IconThumbsUp";
|
|
243
|
+
export { IconToggleLeft } from "./IconToggleLeft";
|
|
244
|
+
export { IconToggleRight } from "./IconToggleRight";
|
|
245
|
+
export { IconTool } from "./IconTool";
|
|
246
|
+
export { IconTrash } from "./IconTrash";
|
|
247
|
+
export { IconTrash2 } from "./IconTrash2";
|
|
248
|
+
export { IconTrello } from "./IconTrello";
|
|
249
|
+
export { IconTrendingDown } from "./IconTrendingDown";
|
|
250
|
+
export { IconTrendingUp } from "./IconTrendingUp";
|
|
251
|
+
export { IconTriangle } from "./IconTriangle";
|
|
252
|
+
export { IconTruck } from "./IconTruck";
|
|
253
|
+
export { IconTv } from "./IconTv";
|
|
254
|
+
export { IconTwitch } from "./IconTwitch";
|
|
255
|
+
export { IconTwitter } from "./IconTwitter";
|
|
256
|
+
export { IconType } from "./IconType";
|
|
257
|
+
export { IconUmbrella } from "./IconUmbrella";
|
|
258
|
+
export { IconUnderline } from "./IconUnderline";
|
|
259
|
+
export { IconUnlock } from "./IconUnlock";
|
|
260
|
+
export { IconUpload } from "./IconUpload";
|
|
261
|
+
export { IconUploadCloud } from "./IconUploadCloud";
|
|
262
|
+
export { IconUser } from "./IconUser";
|
|
263
|
+
export { IconUserCheck } from "./IconUserCheck";
|
|
264
|
+
export { IconUserMinus } from "./IconUserMinus";
|
|
265
|
+
export { IconUserPlus } from "./IconUserPlus";
|
|
266
|
+
export { IconUserX } from "./IconUserX";
|
|
267
|
+
export { IconUsers } from "./IconUsers";
|
|
268
|
+
export { IconVideo } from "./IconVideo";
|
|
269
|
+
export { IconVideoOff } from "./IconVideoOff";
|
|
270
|
+
export { IconVoicemail } from "./IconVoicemail";
|
|
271
|
+
export { IconVolume } from "./IconVolume";
|
|
272
|
+
export { IconVolume1 } from "./IconVolume1";
|
|
273
|
+
export { IconVolume2 } from "./IconVolume2";
|
|
274
|
+
export { IconVolumeX } from "./IconVolumeX";
|
|
275
|
+
export { IconWatch } from "./IconWatch";
|
|
276
|
+
export { IconWifi } from "./IconWifi";
|
|
277
|
+
export { IconWifiOff } from "./IconWifiOff";
|
|
278
|
+
export { IconWind } from "./IconWind";
|
|
279
|
+
export { IconX } from "./IconX";
|
|
280
|
+
export { IconXCircle } from "./IconXCircle";
|
|
281
|
+
export { IconXOctagon } from "./IconXOctagon";
|
|
282
|
+
export { IconXSquare } from "./IconXSquare";
|
|
283
|
+
export { IconYoutube } from "./IconYoutube";
|
|
284
|
+
export { IconZap } from "./IconZap";
|
|
285
|
+
export { IconZapOff } from "./IconZapOff";
|
|
286
|
+
export { IconZoomIn } from "./IconZoomIn";
|
|
287
|
+
export { IconZoomOut } from "./IconZoomOut";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import "./flex.css";
|
|
3
|
+
export type FlexProps = ComponentPropsWithoutRef<"div"> & {
|
|
4
|
+
alignPrimary?: "start" | "end" | "center" | "stretch" | "space-between";
|
|
5
|
+
alignSecondary?: "start" | "end" | "center" | "stretch" | "space-between";
|
|
6
|
+
direction?: "row" | "row-reverse" | "column" | "column-reverse";
|
|
7
|
+
gap?: "100" | "200" | "300" | "400" | "600" | "800" | "1200" | "1600";
|
|
8
|
+
type?: "quarter" | "third" | "half" | "auto";
|
|
9
|
+
container?: boolean;
|
|
10
|
+
wrap?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare function Flex({ className, alignPrimary, alignSecondary, container, direction, gap, type, wrap, ...props }: FlexProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
type FlexItemSize = "full" | "major" | "minor" | "half" | "fill";
|
|
14
|
+
export type FlexItemProps = ComponentPropsWithoutRef<"div"> & {
|
|
15
|
+
size?: FlexItemSize;
|
|
16
|
+
};
|
|
17
|
+
export declare function FlexItem({ className, children, size }: FlexItemProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, CSSProperties } from "react";
|
|
2
|
+
import "./grid.css";
|
|
3
|
+
export type GridProps = ComponentPropsWithoutRef<"div"> & {
|
|
4
|
+
/**
|
|
5
|
+
* Grid template columns
|
|
6
|
+
*/
|
|
7
|
+
columns?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Grid template rows
|
|
10
|
+
*/
|
|
11
|
+
rows?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Gap between grid items
|
|
14
|
+
*/
|
|
15
|
+
gap?: "100" | "200" | "300" | "400" | "600" | "800" | "1200" | "1600";
|
|
16
|
+
/**
|
|
17
|
+
* Column gap between grid items
|
|
18
|
+
*/
|
|
19
|
+
columnGap?: "100" | "200" | "300" | "400" | "600" | "800" | "1200" | "1600";
|
|
20
|
+
/**
|
|
21
|
+
* Row gap between grid items
|
|
22
|
+
*/
|
|
23
|
+
rowGap?: "100" | "200" | "300" | "400" | "600" | "800" | "1200" | "1600";
|
|
24
|
+
/**
|
|
25
|
+
* Grid auto flow direction
|
|
26
|
+
*/
|
|
27
|
+
flow?: "row" | "column" | "row dense" | "column dense";
|
|
28
|
+
/**
|
|
29
|
+
* Container with max-width
|
|
30
|
+
*/
|
|
31
|
+
container?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Alignment of items along inline axis
|
|
34
|
+
*/
|
|
35
|
+
justifyItems?: "start" | "end" | "center" | "stretch";
|
|
36
|
+
/**
|
|
37
|
+
* Alignment of items along block axis
|
|
38
|
+
*/
|
|
39
|
+
alignItems?: "start" | "end" | "center" | "stretch";
|
|
40
|
+
};
|
|
41
|
+
export declare function Grid({ className, columns, rows, gap, columnGap, rowGap, flow, container, justifyItems, alignItems, style, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
export type GridItemProps = ComponentPropsWithoutRef<"div"> & {
|
|
43
|
+
/**
|
|
44
|
+
* Grid column position (start / span)
|
|
45
|
+
*/
|
|
46
|
+
column?: CSSProperties["gridColumn"];
|
|
47
|
+
/**
|
|
48
|
+
* Grid row position (start / span)
|
|
49
|
+
*/
|
|
50
|
+
row?: CSSProperties["gridRow"];
|
|
51
|
+
/**
|
|
52
|
+
* Specific grid area name
|
|
53
|
+
*/
|
|
54
|
+
area?: CSSProperties["gridArea"];
|
|
55
|
+
};
|
|
56
|
+
export declare function GridItem({ className, column, row, area, style, ...props }: GridItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import "./section.css";
|
|
3
|
+
export type SectionProps = ComponentPropsWithoutRef<"section" | "header" | "footer"> & {
|
|
4
|
+
elementType?: "section" | "header" | "footer";
|
|
5
|
+
padding?: "600" | "800" | "1200" | "1600" | "4000";
|
|
6
|
+
paddingTop?: "600" | "800" | "1200" | "1600" | "4000";
|
|
7
|
+
paddingBottom?: "600" | "800" | "1200" | "1600" | "4000";
|
|
8
|
+
} & ({
|
|
9
|
+
variant?: "brand" | "neutral" | "stroke" | "subtle";
|
|
10
|
+
src?: undefined;
|
|
11
|
+
} | {
|
|
12
|
+
variant: "image";
|
|
13
|
+
/**
|
|
14
|
+
* An image src
|
|
15
|
+
*/
|
|
16
|
+
src: string;
|
|
17
|
+
});
|
|
18
|
+
export declare function Section({ children, className, elementType, padding, paddingBottom, paddingTop, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type DisclosureGroupProps, type DisclosureProps } from "react-aria-components";
|
|
2
|
+
import "./accordion.css";
|
|
3
|
+
export type AccordionProps = DisclosureGroupProps;
|
|
4
|
+
export declare function Accordion({ className, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export type AccordionItemProps = DisclosureProps & {
|
|
6
|
+
title: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function AccordionItem({ className, title, isExpanded, isDisabled, children, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type AnchorOrButtonProps } from "utils";
|
|
3
|
+
import "./avatar.css";
|
|
4
|
+
type SharedAvatarProps = {
|
|
5
|
+
src?: string | null;
|
|
6
|
+
square?: boolean;
|
|
7
|
+
initials?: string;
|
|
8
|
+
alt?: string;
|
|
9
|
+
size?: "small" | "medium" | "large";
|
|
10
|
+
};
|
|
11
|
+
export type AvatarProps = SharedAvatarProps & React.ComponentPropsWithoutRef<"span">;
|
|
12
|
+
export declare function Avatar({ className, src, square, initials, alt, size, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export type AvatarButtonProps = SharedAvatarProps & AnchorOrButtonProps;
|
|
14
|
+
export declare const AvatarButton: React.ForwardRefExoticComponent<AvatarButtonProps & React.RefAttributes<HTMLElement>>;
|
|
15
|
+
export type AvatarBlockProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
16
|
+
title: string;
|
|
17
|
+
description?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const AvatarBlock: ({ className, children, title, description, ...props }: AvatarBlockProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export type AvatarGroupProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
21
|
+
max?: number;
|
|
22
|
+
spacing?: "100" | "200" | "300" | "negative-100" | "negative-200" | "negative-300";
|
|
23
|
+
};
|
|
24
|
+
export declare const AvatarGroup: ({ className, children, max, spacing, ...props }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import { type AnchorOrButtonProps } from "utils";
|
|
3
|
+
import "./button.css";
|
|
4
|
+
export type ButtonProps = Omit<ButtonBaseProps, "variant"> & {
|
|
5
|
+
variant?: Exclude<ButtonBaseProps["variant"], "danger-primary" | "danger-subtle">;
|
|
6
|
+
};
|
|
7
|
+
export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonBaseProps, "variant"> & {
|
|
8
|
+
variant?: Exclude<ButtonBaseProps["variant"], "danger-primary" | "danger-subtle">;
|
|
9
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
10
|
+
export type ButtonDangerProps = Omit<ButtonBaseProps, "variant"> & {
|
|
11
|
+
variant?: Exclude<ButtonBaseProps["variant"], "primary" | "subtle" | "neutral">;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Only used for destructive actions
|
|
15
|
+
*/
|
|
16
|
+
export declare const ButtonDanger: React.ForwardRefExoticComponent<Omit<ButtonBaseProps, "variant"> & {
|
|
17
|
+
variant?: Exclude<ButtonBaseProps["variant"], "primary" | "subtle" | "neutral">;
|
|
18
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
19
|
+
type ButtonBaseProps = {
|
|
20
|
+
type?: ComponentPropsWithoutRef<"button">["type"];
|
|
21
|
+
size?: "small" | "medium";
|
|
22
|
+
variant?: "primary" | "neutral" | "subtle" | "danger-primary" | "danger-subtle";
|
|
23
|
+
} & AnchorOrButtonProps;
|
|
24
|
+
export type ButtonGroupProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
25
|
+
align?: "start" | "end" | "center" | "justify" | "stack";
|
|
26
|
+
};
|
|
27
|
+
export declare const ButtonGroup: ({ align, className, ...props }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { SharedFieldProps } from "primitives";
|
|
2
|
+
import { type CheckboxGroupProps as RACCheckboxGroupProps, type CheckboxProps as RACCheckboxProps } from "react-aria-components";
|
|
3
|
+
import "./checkbox.css";
|
|
4
|
+
export interface CheckboxGroupProps extends Omit<RACCheckboxGroupProps, "children">, SharedFieldProps {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function CheckboxGroup({ className, label, description, errorMessage, children, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export type CheckboxFieldProps = RACCheckboxProps & SharedFieldProps;
|
|
9
|
+
export declare function CheckboxField({ children, className, label, description, errorMessage, ...props }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export type CheckboxProps = React.ComponentPropsWithoutRef<"div">;
|
|
11
|
+
export declare function Checkbox({ className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ButtonProps, IconButtonProps, type TextHeadingProps, type TextProps } from "primitives";
|
|
2
|
+
import { type DialogProps as RACDialogProps, type DialogTriggerProps as RACDialogTriggerProps, type ModalOverlayProps as RACModalOverlayProps } from "react-aria-components";
|
|
3
|
+
import "./dialog.css";
|
|
4
|
+
export type DialogProps = RACDialogProps & {
|
|
5
|
+
type?: "sheet" | "card";
|
|
6
|
+
};
|
|
7
|
+
export declare function Dialog({ className, type, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export type DialogCloseProps = Pick<IconButtonProps, "onPress">;
|
|
9
|
+
export declare const DialogClose: ({ onPress }: DialogCloseProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export type DialogTriggerProps = RACDialogTriggerProps;
|
|
11
|
+
export declare function DialogTrigger({ ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export interface DialogButtonProps extends DialogProps, Omit<DialogTriggerProps, "children"> {
|
|
13
|
+
label: string;
|
|
14
|
+
variant?: ButtonProps["variant"];
|
|
15
|
+
icon?: React.ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export declare function DialogButton({ label, icon, variant, children, ...props }: DialogButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export type DialogTitleProps = TextHeadingProps;
|
|
19
|
+
export declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export type DialogDescriptionProps = TextProps;
|
|
21
|
+
export declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export type DialogBodyProps = {
|
|
23
|
+
bleed?: boolean;
|
|
24
|
+
} & React.ComponentPropsWithoutRef<"div">;
|
|
25
|
+
export declare function DialogBody({ bleed, className, ...props }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export type DialogModalProps = RACModalOverlayProps;
|
|
27
|
+
export declare function DialogModal({ children, className, isDismissable, ...props }: DialogModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import { type FieldErrorProps as RACFieldErrorProps, type FormProps as RACFormProps, type LabelProps as RACLabelProps, type TextProps as RACTextProps, type ValidationResult as RACValidationResult } from "react-aria-components";
|
|
3
|
+
import "./fieldset.css";
|
|
4
|
+
export type FieldsetProps = ComponentPropsWithoutRef<"fieldset">;
|
|
5
|
+
export declare function Fieldset({ ...props }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export type LegendProps = ComponentPropsWithoutRef<"legend">;
|
|
7
|
+
export declare function Legend({ ...props }: LegendProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export type FieldGroupProps = ComponentPropsWithoutRef<"div">;
|
|
9
|
+
export declare function FieldGroup({ ...props }: FieldGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export type FormProps = RACFormProps & {
|
|
11
|
+
singleLine?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export declare function Form({ className, singleLine, ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export type FormDataValue = FormDataEntryValue | FormDataEntryValue[];
|
|
15
|
+
export declare function formEventTargetToFormData(target: HTMLFormElement): {
|
|
16
|
+
[k: string]: FormDataValue;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* Used by TextField, SelectField, TextareaField, SliderField, etc.
|
|
20
|
+
*/
|
|
21
|
+
export type SharedFieldProps = {
|
|
22
|
+
label?: string;
|
|
23
|
+
description?: string;
|
|
24
|
+
placeholder?: string;
|
|
25
|
+
errorMessage?: string | ((validation: RACValidationResult) => string);
|
|
26
|
+
};
|
|
27
|
+
export type FieldProps = ComponentPropsWithoutRef<"div">;
|
|
28
|
+
export declare function Field({ className, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export type LabelProps = RACLabelProps;
|
|
30
|
+
export declare function Label({ className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export type DescriptionProps = RACTextProps;
|
|
32
|
+
export declare function Description({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export type FieldErrorProps = RACFieldErrorProps;
|
|
34
|
+
export declare function FieldError({ className, ...props }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export type KeyboardProps = RACTextProps;
|
|
36
|
+
export declare function Keyboard({ className, children, ...props }: KeyboardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type IconSize = "14" | "16" | "20" | "24" | "32" | "40" | "48";
|
|
2
|
+
export type IconProps = {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
size?: IconSize;
|
|
6
|
+
};
|
|
7
|
+
export declare function Icon({ size, children, className }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ButtonDangerProps, type ButtonProps } from "primitives";
|
|
2
|
+
import "./iconButton.css";
|
|
3
|
+
export type IconButtonProps = Omit<ButtonProps, "aria-label"> & {
|
|
4
|
+
"aria-label": string;
|
|
5
|
+
};
|
|
6
|
+
export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "aria-label"> & {
|
|
7
|
+
"aria-label": string;
|
|
8
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
9
|
+
export type DestructiveIconButtonProps = Omit<ButtonDangerProps, "aria-label"> & {
|
|
10
|
+
"aria-label": string;
|
|
11
|
+
};
|
|
12
|
+
export declare const DestructiveIconButton: import("react").ForwardRefExoticComponent<Omit<ButtonDangerProps, "aria-label"> & {
|
|
13
|
+
"aria-label": string;
|
|
14
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
import "./image.css";
|
|
3
|
+
export type ImageProps = Omit<ComponentPropsWithoutRef<"img">, "alt"> & {
|
|
4
|
+
alt: string;
|
|
5
|
+
aspectRatio?: "1-1" | "16-9" | "4-3" | "fill" | "natural";
|
|
6
|
+
size?: "small" | "medium" | "large" | "fill" | "natural";
|
|
7
|
+
variant?: "default" | "rounded";
|
|
8
|
+
};
|
|
9
|
+
export declare function Image({ aspectRatio, className, size, variant, ...props }: ImageProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export type PictureProps = ComponentPropsWithoutRef<"picture">;
|
|
11
|
+
export declare function Picture({ className, ...props }: PictureProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export type PictureSourceProps = ComponentPropsWithoutRef<"source">;
|
|
13
|
+
export declare function PictureSource({ ...props }: PictureSourceProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SharedFieldProps } from "primitives";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { type InputProps as RACInputProps, type TextFieldProps as RACTextFieldProps } from "react-aria-components";
|
|
4
|
+
import "./input.css";
|
|
5
|
+
export type InputFieldProps = SharedFieldProps & RACTextFieldProps;
|
|
6
|
+
export declare function InputField({ className, placeholder, label, description, errorMessage, ...props }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export type InputProps = RACInputProps;
|
|
8
|
+
export declare const Input: React.ForwardRefExoticComponent<RACInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./link.css";
|
|
3
|
+
export type LinkProps = {
|
|
4
|
+
href: string;
|
|
5
|
+
} & React.ComponentPropsWithoutRef<"a">;
|
|
6
|
+
export declare const Link: React.ForwardRefExoticComponent<{
|
|
7
|
+
href: string;
|
|
8
|
+
} & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ListBoxItemProps as RACListBoxItemProps, type ListBoxProps as RACListBoxProps } from "react-aria-components";
|
|
2
|
+
import "./listBox.css";
|
|
3
|
+
export type ListBoxProps<T> = RACListBoxProps<T>;
|
|
4
|
+
export declare function ListBox<T extends object>({ children, className, ...props }: ListBoxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export type ListBoxItemProps = RACListBoxItemProps;
|
|
6
|
+
export declare function ListBoxItem({ className, ...props }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ButtonProps, DescriptionProps, KeyboardProps, LabelProps, type TextHeadingProps } from "primitives";
|
|
2
|
+
import type React from "react";
|
|
3
|
+
import { type MenuItemProps as RACMenuItemProps, type MenuProps as RACMenuProps, type MenuTriggerProps as RACMenuTriggerProps, type PopoverProps as RACPopoverProps, type SeparatorProps as RACSeparatorProps } from "react-aria-components";
|
|
4
|
+
import "./menu.css";
|
|
5
|
+
export type MenuProps<T> = RACMenuProps<T>;
|
|
6
|
+
export declare function Menu<T extends object>({ className, ...props }: MenuProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export type MenuTriggerProps = RACMenuTriggerProps;
|
|
8
|
+
export declare function MenuTrigger({ ...props }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export interface MenuButtonProps<T> extends RACMenuProps<T>, Omit<RACMenuTriggerProps, "children"> {
|
|
10
|
+
label: string;
|
|
11
|
+
variant?: ButtonProps["variant"];
|
|
12
|
+
placement?: MenuPopoverProps["placement"];
|
|
13
|
+
icon?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
export declare function MenuButton<T extends object>({ label, children, icon, placement, variant, ...props }: MenuButtonProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export type MenuPopoverProps = RACPopoverProps;
|
|
17
|
+
export declare function MenuPopover({ ...props }: MenuPopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export type MenuItemProps = RACMenuItemProps;
|
|
19
|
+
export declare function MenuItem({ className, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export type MenuHeaderProps = React.ComponentPropsWithoutRef<"div">;
|
|
21
|
+
export declare function MenuHeader({ className, ...props }: MenuHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export type MenuSectionProps = React.ComponentPropsWithoutRef<"div">;
|
|
23
|
+
export declare function MenuSection({ className, ...props }: MenuSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export type MenuHeadingProps = TextHeadingProps;
|
|
25
|
+
export declare function MenuHeading({ className, ...props }: MenuHeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export type MenuSeparatorProps = RACSeparatorProps;
|
|
27
|
+
export declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export type MenuLabelProps = LabelProps;
|
|
29
|
+
export declare function MenuLabel({ className, ...props }: MenuLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
export type MenuDescriptionProps = DescriptionProps;
|
|
31
|
+
export declare function MenuDescription({ className, ...props }: MenuDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export type MenuShortcutProps = KeyboardProps;
|
|
33
|
+
export declare function MenuShortcut({ children, className, ...props }: MenuShortcutProps): import("react/jsx-runtime").JSX.Element;
|