@forgedevstack/bear 1.1.9 → 1.2.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/dist/components/AlertDialog/AlertDialog.cjs +1 -1
- package/dist/components/AlertDialog/AlertDialog.const.cjs +1 -1
- package/dist/components/AlertDialog/AlertDialog.const.d.ts +2 -2
- package/dist/components/AlertDialog/AlertDialog.const.js +4 -4
- package/dist/components/AlertDialog/AlertDialog.js +76 -62
- package/dist/components/Calendar/Calendar.cjs +1 -1
- package/dist/components/Calendar/Calendar.js +3 -2
- package/dist/components/CloseButton/CloseButton.cjs +1 -0
- package/dist/components/CloseButton/CloseButton.d.ts +4 -0
- package/dist/components/CloseButton/CloseButton.js +60 -0
- package/dist/components/CloseButton/CloseButton.types.d.ts +15 -0
- package/dist/components/CloseButton/index.d.ts +2 -0
- package/dist/components/DatePicker/DatePicker.cjs +1 -1
- package/dist/components/DatePicker/DatePicker.js +12 -11
- package/dist/components/Icon/icons/commerce.cjs +1 -0
- package/dist/components/Icon/icons/commerce.d.ts +25 -0
- package/dist/components/Icon/icons/commerce.js +124 -0
- package/dist/components/Icon/icons/device.cjs +1 -0
- package/dist/components/Icon/icons/device.d.ts +27 -0
- package/dist/components/Icon/icons/device.js +122 -0
- package/dist/components/Icon/icons/file.cjs +1 -0
- package/dist/components/Icon/icons/file.d.ts +25 -0
- package/dist/components/Icon/icons/file.js +120 -0
- package/dist/components/Icon/icons/social.cjs +1 -0
- package/dist/components/Icon/icons/social.d.ts +24 -0
- package/dist/components/Icon/icons/social.js +89 -0
- package/dist/components/Icon/index.cjs +1 -1
- package/dist/components/Icon/index.d.ts +93 -56
- package/dist/components/Icon/index.js +38 -26
- package/dist/components/Overlay/Overlay.cjs +1 -0
- package/dist/components/Overlay/Overlay.d.ts +4 -0
- package/dist/components/Overlay/Overlay.js +38 -0
- package/dist/components/Overlay/Overlay.types.d.ts +23 -0
- package/dist/components/Overlay/index.d.ts +2 -0
- package/dist/components/Portal/Portal.cjs +1 -0
- package/dist/components/Portal/Portal.d.ts +11 -0
- package/dist/components/Portal/Portal.js +12 -0
- package/dist/components/Portal/index.d.ts +2 -0
- package/dist/components/ThemeIcon/ThemeIcon.cjs +1 -0
- package/dist/components/ThemeIcon/ThemeIcon.d.ts +4 -0
- package/dist/components/ThemeIcon/ThemeIcon.js +54 -0
- package/dist/components/ThemeIcon/ThemeIcon.types.d.ts +22 -0
- package/dist/components/ThemeIcon/index.d.ts +2 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.cjs +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +6 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +22 -0
- package/dist/components/VisuallyHidden/index.d.ts +2 -0
- package/dist/components/index.cjs +1 -1
- package/dist/components/index.d.ts +10 -0
- package/dist/components/index.js +54 -44
- package/dist/hooks/bearStyled.cjs +1 -1
- package/dist/hooks/bearStyled.d.ts +31 -9
- package/dist/hooks/bearStyled.js +17 -12
- package/dist/hooks/useMediaQuery/useMediaQuery.d.ts +9 -1
- package/dist/hooks/useResponsive.cjs +1 -1
- package/dist/hooks/useResponsive.d.ts +2 -17
- package/dist/hooks/useResponsive.js +47 -41
- package/dist/index.cjs +1 -1
- package/dist/index.js +183 -173
- package/dist/styles/_effects.css +9 -0
- package/dist/styles.css +1 -1
- package/dist/types/theme.types.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
const d = ({ children: i }) => /* @__PURE__ */ e(
|
|
3
|
+
"span",
|
|
4
|
+
{
|
|
5
|
+
className: "Bear-VisuallyHidden",
|
|
6
|
+
style: {
|
|
7
|
+
position: "absolute",
|
|
8
|
+
width: 1,
|
|
9
|
+
height: 1,
|
|
10
|
+
padding: 0,
|
|
11
|
+
margin: -1,
|
|
12
|
+
overflow: "hidden",
|
|
13
|
+
clip: "rect(0, 0, 0, 0)",
|
|
14
|
+
whiteSpace: "nowrap",
|
|
15
|
+
borderWidth: 0
|
|
16
|
+
},
|
|
17
|
+
children: i
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
export {
|
|
21
|
+
d as VisuallyHidden
|
|
22
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./Container/Container.cjs"),B=require("./Flex/Flex.cjs"),a=require("./Grid/Grid.cjs"),k=require("./ActionIcon/ActionIcon.cjs"),v=require("./Button/Button.cjs"),A=require("./ButtonGroup/ButtonGroup.cjs"),o=require("./Card/Card.cjs"),R=require("./Badge/Badge.cjs"),L=require("./Paper/Paper.cjs"),M=require("./Divider/Divider.cjs"),F=require("./Typography/Typography.cjs"),x=require("./Link/Link.cjs"),D=require("./Spinner/Spinner.cjs"),w=require("./Alert/Alert.cjs"),f=require("./Rating/Rating.cjs"),G=require("./Icon/index.cjs"),e=require("./Icon/icons/navigation.cjs"),t=require("./Icon/icons/action.cjs"),y=require("./Icon/icons/status.cjs"),E=require("./Icon/icons/misc.cjs"),N=require("./BearLogo/BearLogo.cjs"),V=require("./BearLogo/EmberLogo.cjs"),O=require("./Modal/Modal.cjs"),H=require("./Drawer/Drawer.cjs"),z=require("./Tooltip/Tooltip.cjs"),c=require("./Menu/Menu.cjs"),K=require("./Dropdown/Dropdown.cjs"),j=require("./SpeedDial/SpeedDial.cjs"),s=require("./Input/Input.cjs"),J=require("./Select/Select.cjs"),U=require("./Switch/Switch.cjs"),_=require("./Checkbox/Checkbox.cjs"),l=require("./CheckboxCard/CheckboxCard.cjs"),q=require("./Radio/Radio.cjs"),d=require("./RadioCard/RadioCard.cjs"),Q=require("./MultiSelect/MultiSelect.cjs"),W=require("./NavigableSelect/NavigableSelect.cjs"),X=require("./Autocomplete/Autocomplete.cjs"),Y=require("./TransferList/TransferList.cjs"),p=require("./DataTable/DataTable.cjs"),Z=require("./Carousel/Carousel.cjs"),C=require("./Accordion/Accordion.cjs"),m=require("./Tabs/Tabs.cjs"),$=require("./Tabs/TabList.cjs"),ee=require("./Tabs/TabPanel.cjs"),S=require("./Avatar/Avatar.cjs"),re=require("./Progress/Progress.cjs"),r=require("./List/List.cjs"),oe=require("./Fab/Fab.cjs"),u=require("./Toast/Toast.cjs"),i=require("./Skeleton/Skeleton.cjs"),te=require("./Pagination/Pagination.cjs"),ie=require("./Slider/Slider.cjs"),ne=require("./BearLoader/BearLoader.cjs"),ae=require("./Calendar/Calendar.cjs"),ce=require("./DatePicker/DatePicker.cjs"),ue=require("./TimePicker/TimePicker.cjs"),se=require("./Breadcrumbs/Breadcrumbs.cjs"),I=require("./Stepper/Stepper.cjs"),le=require("./BottomNavigation/BottomNavigation.cjs"),qe=require("./AppBar/AppBar.cjs"),de=require("./Popover/Popover.cjs"),pe=require("./Chip/Chip.cjs"),Ce=require("./TreeView/TreeView.cjs"),me=require("./FileTree/FileTree.cjs"),Se=require("./Timeline/Timeline.cjs"),Ie=require("./Statistic/Statistic.cjs"),ge=require("./EmptyState/EmptyState.cjs"),Te=require("./Image/Image.cjs"),he=require("./FileUpload/FileUpload.cjs"),Pe=require("./NumberInput/NumberInput.cjs"),be=require("./OTPInput/OTPInput.cjs"),Be=require("./ColorPicker/ColorPicker.cjs"),ke=require("./ScrollArea/ScrollArea.cjs"),ve=require("./ResizablePanel/ResizablePanel.cjs"),Ae=require("./ResizableTextarea/ResizableTextarea.cjs"),Re=require("./Collapsible/Collapsible.cjs"),Le=require("./Kbd/Kbd.cjs"),Me=require("./CopyButton/CopyButton.cjs"),Fe=require("./Sidebar/Sidebar.cjs"),xe=require("./Sidebar/components/SidebarGroup/SidebarGroup.cjs");require("react/jsx-runtime");require("react");const g=require("./Columns/Columns.cjs"),De=require("./Box/Box.cjs"),we=require("./Em/Em.cjs"),fe=require("./Highlight/Highlight.cjs"),Ge=require("./Mark/Mark.cjs"),ye=require("./Editable/Editable.cjs"),Ee=require("./HoverCard/HoverCard.cjs"),Ne=require("./CodeBlock/CodeBlock.cjs"),Ve=require("./ActiveBar/ActiveBar.cjs"),Oe=require("./RichEditor/RichEditor.cjs"),He=require("./StatCard/StatCard.cjs"),ze=require("./ActivityItem/ActivityItem.cjs"),n=require("./Chart/Chart.cjs"),Ke=require("./Sparkline/Sparkline.cjs"),je=require("./Gauge/Gauge.cjs"),Je=require("./SignPad/SignPad.cjs"),Ue=require("./Cascader/Cascader.cjs"),_e=require("./Form/Form.cjs"),T=require("./Form/Form.context.cjs"),Qe=require("./NotificationCenter/NotificationCenter.cjs"),We=require("./PhoneInput/PhoneInput.cjs"),Xe=require("./CreditInput/CreditInput.cjs"),Ye=require("./CommandPalette/CommandPalette.cjs"),Ze=require("./SegmentedControl/SegmentedControl.cjs"),$e=require("./TagsInput/TagsInput.cjs"),er=require("./BottomSheet/BottomSheet.cjs"),rr=require("./SliderRange/SliderRange.cjs"),or=require("./MentionsInput/MentionsInput.cjs"),tr=require("./Kanban/Kanban.cjs"),ir=require("./EmojiPicker/EmojiPicker.cjs"),nr=require("./EmojiPicker/EmojiPicker.const.cjs"),ar=require("./VirtualList/VirtualList.cjs"),cr=require("./BackTop/BackTop.cjs"),ur=require("./Confetti/Confetti.cjs"),sr=require("./Confetti/useConfetti.cjs"),lr=require("./Tour/Tour.cjs"),qr=require("./Tour/useTour.cjs"),dr=require("./QRCode/QRCode.cjs"),pr=require("./JsonViewer/JsonViewer.cjs"),Cr=require("./DiffViewer/DiffViewer.cjs"),mr=require("./Chat/Chat.cjs"),Sr=require("./FloatingChat/FloatingChat.cjs"),Ir=require("./Terminal/Terminal.cjs"),gr=require("./Map/Map.cjs"),Tr=require("./CodeEditor/CodeEditor.cjs"),hr=require("./Cropper/Cropper.cjs"),h=require("./Transition/Transition.cjs"),Pr=require("./Masonry/Masonry.cjs"),br=require("./Watermark/Watermark.cjs"),Br=require("./Marquee/Marquee.cjs"),kr=require("./CountdownTimer/CountdownTimer.cjs"),vr=require("./Spotlight/Spotlight.cjs"),Ar=require("./Typewriter/Typewriter.cjs"),Rr=require("./Dock/Dock.cjs"),Lr=require("./GradientText/GradientText.cjs"),Mr=require("./PasswordInput/PasswordInput.cjs"),Fr=require("./AlertDialog/AlertDialog.cjs"),xr=require("./InputGroup/InputGroup.cjs"),Dr=require("./FormField/FormField.cjs"),wr=require("./Fieldset/Fieldset.cjs"),fr=require("./AspectRatio/AspectRatio.cjs"),Gr=require("./DateRangePicker/DateRangePicker.cjs"),yr=require("./TreeSelect/TreeSelect.cjs"),Er=require("./ImageGallery/ImageGallery.cjs"),Nr=require("./ContextMenu/ContextMenu.cjs"),Vr=require("./NumberFormatter/NumberFormatter.cjs"),Or=require("./InfiniteScroll/InfiniteScroll.cjs"),P=require("./ColorSwatch/ColorSwatch.cjs"),Hr=require("./SplitButton/SplitButton.cjs"),zr=require("./Popconfirm/Popconfirm.cjs"),Kr=require("./Result/Result.cjs"),jr=require("./Descriptions/Descriptions.cjs"),Jr=require("./Anchor/Anchor.cjs"),Ur=require("./Affix/Affix.cjs"),_r=require("./RingProgress/RingProgress.cjs"),Qr=require("./Spoiler/Spoiler.cjs"),Wr=require("./LoadingOverlay/LoadingOverlay.cjs"),Xr=require("./Blockquote/Blockquote.cjs"),Yr=require("./Indicator/Indicator.cjs"),Zr=require("./PageNav/PageNav.cjs"),$r=require("./PropsPlayground/PropsPlayground.cjs"),eo=require("./Biometric/Biometric.cjs"),ro=require("./Biometric/useBiometric.cjs"),oo=require("./Icon/Icon.cjs");exports.Container=b.Container;exports.Flex=B.Flex;exports.Grid=a.Grid;exports.GridCompound=a.GridCompound;exports.GridItem=a.GridItem;exports.ActionIcon=k.ActionIcon;exports.Button=v.Button;exports.ButtonGroup=A.ButtonGroup;exports.Card=o.Card;exports.CardBody=o.CardBody;exports.CardCompound=o.CardCompound;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.Badge=R.Badge;exports.Paper=L.Paper;exports.Divider=M.Divider;exports.Typography=F.Typography;exports.Link=x.Link;exports.Spinner=D.Spinner;exports.Alert=w.Alert;exports.Rating=f.Rating;exports.BearIcons=G.BearIcons;exports.ChevronDownIcon=e.ChevronDownIcon;exports.ChevronLeftIcon=e.ChevronLeftIcon;exports.ChevronRightIcon=e.ChevronRightIcon;exports.ChevronUpIcon=e.ChevronUpIcon;exports.MenuIcon=e.MenuIcon;exports.XIcon=e.CloseIcon;exports.MinusIcon=t.RemoveIcon;exports.PlusIcon=t.AddIcon;exports.SearchIcon=t.SearchIcon;exports.SettingsIcon=t.SettingsIcon;exports.CheckIcon=y.CheckIcon;exports.BearPawIcon=E.BearPawIcon;exports.BearLogo=N.BearLogo;exports.EmberLogo=V.EmberLogo;exports.Modal=O.Modal;exports.Drawer=H.Drawer;exports.Tooltip=z.Tooltip;exports.Menu=c.Menu;exports.MenuDivider=c.MenuDivider;exports.MenuItem=c.MenuItem;exports.Dropdown=K.Dropdown;exports.SpeedDial=j.SpeedDial;exports.Input=s.Input;exports.TextField=s.Input;exports.Select=J.Select;exports.Switch=U.Switch;exports.Checkbox=_.Checkbox;exports.CheckboxCard=l.CheckboxCard;exports.CheckboxCardGroup=l.CheckboxCardGroup;exports.Radio=q.Radio;exports.RadioGroup=q.RadioGroup;exports.RadioCard=d.RadioCard;exports.RadioCardGroup=d.RadioCardGroup;exports.MultiSelect=Q.MultiSelect;exports.NavigableSelect=W.NavigableSelect;exports.Autocomplete=X.Autocomplete;exports.TransferList=Y.TransferList;exports.DataTable=p.DataTable;exports.createColumns=p.createColumns;exports.Carousel=Z.Carousel;exports.Accordion=C.Accordion;exports.AccordionItem=C.AccordionItem;exports.Tab=m.Tab;exports.Tabs=m.Tabs;exports.TabList=$.TabList;exports.TabPanel=ee.TabPanel;exports.Avatar=S.Avatar;exports.AvatarGroup=S.AvatarGroup;exports.Progress=re.Progress;exports.List=r.List;exports.ListItem=r.ListItem;exports.ListItemButton=r.ListItemButton;exports.ListItemIcon=r.ListItemIcon;exports.ListItemText=r.ListItemText;exports.ListSubheader=r.ListSubheader;exports.Fab=oe.Fab;exports.ToastContainer=u.ToastContainer;exports.ToastProvider=u.ToastProvider;exports.useToast=u.useToast;exports.Skeleton=i.Skeleton;exports.SkeletonAvatar=i.SkeletonAvatar;exports.SkeletonCard=i.SkeletonCard;exports.SkeletonText=i.SkeletonText;exports.Pagination=te.Pagination;exports.Slider=ie.Slider;exports.BearLoader=ne.BearLoader;exports.Calendar=ae.Calendar;exports.DatePicker=ce.DatePicker;exports.TimePicker=ue.TimePicker;exports.Breadcrumbs=se.Breadcrumbs;exports.Stepper=I.Stepper;exports.StepperControls=I.StepperControls;exports.BottomNavigation=le.BottomNavigation;exports.AppBar=qe.AppBar;exports.Popover=de.Popover;exports.Chip=pe.Chip;exports.TreeView=Ce.TreeView;exports.FileTree=me.FileTree;exports.Timeline=Se.Timeline;exports.Statistic=Ie.Statistic;exports.EmptyState=ge.EmptyState;exports.Image=Te.Image;exports.FileUpload=he.FileUpload;exports.NumberInput=Pe.NumberInput;exports.OTPInput=be.OTPInput;exports.ColorPicker=Be.ColorPicker;exports.ScrollArea=ke.ScrollArea;exports.ResizablePanel=ve.ResizablePanel;exports.ResizableTextarea=Ae.ResizableTextarea;exports.Collapsible=Re.Collapsible;exports.Kbd=Le.Kbd;exports.CopyButton=Me.CopyButton;exports.Sidebar=Fe.Sidebar;exports.SidebarGroup=xe.SidebarGroup;exports.Column=g.Column;exports.Columns=g.Columns;exports.Box=De.Box;exports.Em=we.Em;exports.Highlight=fe.Highlight;exports.Mark=Ge.Mark;exports.Editable=ye.Editable;exports.HoverCard=Ee.HoverCard;exports.CodeBlock=Ne.CodeBlock;exports.ActiveBar=Ve.ActiveBar;exports.RichEditor=Oe.RichEditor;exports.StatCard=He.StatCard;exports.ActivityItem=ze.ActivityItem;exports.BarChart=n.BarChart;exports.Chart=n.Chart;exports.LineChart=n.LineChart;exports.PieChart=n.PieChart;exports.Sparkline=Ke.Sparkline;exports.Gauge=je.Gauge;exports.SignPad=Je.SignPad;exports.Cascader=Ue.Cascader;exports.Form=_e.Form;exports.useFormContext=T.useFormContext;exports.useFormContextSafe=T.useFormContextSafe;exports.NotificationCenter=Qe.NotificationCenter;exports.PhoneInput=We.PhoneInput;exports.CreditInput=Xe.CreditInput;exports.CommandPalette=Ye.CommandPalette;exports.SegmentedControl=Ze.SegmentedControl;exports.TagsInput=$e.TagsInput;exports.BottomSheet=er.BottomSheet;exports.SliderRange=rr.SliderRange;exports.MentionsInput=or.MentionsInput;exports.Kanban=tr.Kanban;exports.EmojiPicker=ir.EmojiPicker;exports.BEAR_EMOJIS=nr.BEAR_EMOJIS;exports.VirtualList=ar.VirtualList;exports.BackTop=cr.BackTop;exports.Confetti=ur.Confetti;exports.useConfetti=sr.useConfetti;exports.Tour=lr.Tour;exports.useTour=qr.useTour;exports.QRCode=dr.QRCode;exports.JsonViewer=pr.JsonViewer;exports.DiffViewer=Cr.DiffViewer;exports.Chat=mr.Chat;exports.FloatingChat=Sr.FloatingChat;exports.Terminal=Ir.Terminal;exports.Map=gr.Map;exports.CodeEditor=Tr.CodeEditor;exports.Cropper=hr.Cropper;exports.Motion=h.Motion;exports.Transition=h.Transition;exports.Masonry=Pr.Masonry;exports.Watermark=br.Watermark;exports.Marquee=Br.Marquee;exports.CountdownTimer=kr.CountdownTimer;exports.Spotlight=vr.Spotlight;exports.Typewriter=Ar.Typewriter;exports.Dock=Rr.Dock;exports.GradientText=Lr.GradientText;exports.PasswordInput=Mr.PasswordInput;exports.AlertDialog=Fr.AlertDialog;exports.InputGroup=xr.InputGroup;exports.FormField=Dr.FormField;exports.Fieldset=wr.Fieldset;exports.AspectRatio=fr.AspectRatio;exports.DateRangePicker=Gr.DateRangePicker;exports.TreeSelect=yr.TreeSelect;exports.ImageGallery=Er.ImageGallery;exports.ContextMenu=Nr.ContextMenu;exports.NumberFormatter=Vr.NumberFormatter;exports.InfiniteScroll=Or.InfiniteScroll;exports.ColorSwatch=P.ColorSwatch;exports.ColorSwatchGroup=P.ColorSwatchGroup;exports.SplitButton=Hr.SplitButton;exports.Popconfirm=zr.Popconfirm;exports.Result=Kr.Result;exports.Descriptions=jr.Descriptions;exports.Anchor=Jr.Anchor;exports.Affix=Ur.Affix;exports.RingProgress=_r.RingProgress;exports.Spoiler=Qr.Spoiler;exports.LoadingOverlay=Wr.LoadingOverlay;exports.Blockquote=Xr.Blockquote;exports.Indicator=Yr.Indicator;exports.PageNav=Zr.PageNav;exports.PropsPlayground=$r.PropsPlayground;exports.Biometric=eo.Biometric;exports.useBiometric=ro.useBiometric;exports.Icon=oo.Icon;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("./Container/Container.cjs"),b=require("./Flex/Flex.cjs"),a=require("./Grid/Grid.cjs"),k=require("./ActionIcon/ActionIcon.cjs"),v=require("./Button/Button.cjs"),A=require("./ButtonGroup/ButtonGroup.cjs"),o=require("./Card/Card.cjs"),R=require("./Badge/Badge.cjs"),L=require("./Paper/Paper.cjs"),y=require("./Divider/Divider.cjs"),M=require("./Typography/Typography.cjs"),F=require("./Link/Link.cjs"),x=require("./Spinner/Spinner.cjs"),D=require("./Alert/Alert.cjs"),w=require("./Rating/Rating.cjs"),f=require("./Icon/index.cjs"),e=require("./Icon/icons/navigation.cjs"),t=require("./Icon/icons/action.cjs"),G=require("./Icon/icons/status.cjs"),E=require("./Icon/icons/misc.cjs"),N=require("./BearLogo/BearLogo.cjs"),V=require("./BearLogo/EmberLogo.cjs"),O=require("./Modal/Modal.cjs"),H=require("./Drawer/Drawer.cjs"),z=require("./Tooltip/Tooltip.cjs"),c=require("./Menu/Menu.cjs"),K=require("./Dropdown/Dropdown.cjs"),j=require("./SpeedDial/SpeedDial.cjs"),s=require("./Input/Input.cjs"),J=require("./Select/Select.cjs"),U=require("./Switch/Switch.cjs"),_=require("./Checkbox/Checkbox.cjs"),l=require("./CheckboxCard/CheckboxCard.cjs"),q=require("./Radio/Radio.cjs"),d=require("./RadioCard/RadioCard.cjs"),Q=require("./MultiSelect/MultiSelect.cjs"),W=require("./NavigableSelect/NavigableSelect.cjs"),X=require("./Autocomplete/Autocomplete.cjs"),Y=require("./TransferList/TransferList.cjs"),p=require("./DataTable/DataTable.cjs"),Z=require("./Carousel/Carousel.cjs"),C=require("./Accordion/Accordion.cjs"),m=require("./Tabs/Tabs.cjs"),$=require("./Tabs/TabList.cjs"),ee=require("./Tabs/TabPanel.cjs"),S=require("./Avatar/Avatar.cjs"),re=require("./Progress/Progress.cjs"),r=require("./List/List.cjs"),oe=require("./Fab/Fab.cjs"),u=require("./Toast/Toast.cjs"),i=require("./Skeleton/Skeleton.cjs"),te=require("./Pagination/Pagination.cjs"),ie=require("./Slider/Slider.cjs"),ne=require("./BearLoader/BearLoader.cjs"),ae=require("./Calendar/Calendar.cjs"),ce=require("./DatePicker/DatePicker.cjs"),ue=require("./TimePicker/TimePicker.cjs"),se=require("./Breadcrumbs/Breadcrumbs.cjs"),I=require("./Stepper/Stepper.cjs"),le=require("./BottomNavigation/BottomNavigation.cjs"),qe=require("./AppBar/AppBar.cjs"),de=require("./Popover/Popover.cjs"),pe=require("./Chip/Chip.cjs"),Ce=require("./TreeView/TreeView.cjs"),me=require("./FileTree/FileTree.cjs"),Se=require("./Timeline/Timeline.cjs"),Ie=require("./Statistic/Statistic.cjs"),ge=require("./EmptyState/EmptyState.cjs"),Te=require("./Image/Image.cjs"),he=require("./FileUpload/FileUpload.cjs"),Pe=require("./NumberInput/NumberInput.cjs"),Be=require("./OTPInput/OTPInput.cjs"),be=require("./ColorPicker/ColorPicker.cjs"),ke=require("./ScrollArea/ScrollArea.cjs"),ve=require("./ResizablePanel/ResizablePanel.cjs"),Ae=require("./ResizableTextarea/ResizableTextarea.cjs"),Re=require("./Collapsible/Collapsible.cjs"),Le=require("./Kbd/Kbd.cjs"),ye=require("./CopyButton/CopyButton.cjs"),Me=require("./Sidebar/Sidebar.cjs"),Fe=require("./Sidebar/components/SidebarGroup/SidebarGroup.cjs");require("react/jsx-runtime");require("react");const g=require("./Columns/Columns.cjs"),xe=require("./Box/Box.cjs"),De=require("./Em/Em.cjs"),we=require("./Highlight/Highlight.cjs"),fe=require("./Mark/Mark.cjs"),Ge=require("./Editable/Editable.cjs"),Ee=require("./HoverCard/HoverCard.cjs"),Ne=require("./CodeBlock/CodeBlock.cjs"),Ve=require("./ActiveBar/ActiveBar.cjs"),Oe=require("./RichEditor/RichEditor.cjs"),He=require("./StatCard/StatCard.cjs"),ze=require("./ActivityItem/ActivityItem.cjs"),n=require("./Chart/Chart.cjs"),Ke=require("./Sparkline/Sparkline.cjs"),je=require("./Gauge/Gauge.cjs"),Je=require("./SignPad/SignPad.cjs"),Ue=require("./Cascader/Cascader.cjs"),_e=require("./Form/Form.cjs"),T=require("./Form/Form.context.cjs"),Qe=require("./NotificationCenter/NotificationCenter.cjs"),We=require("./PhoneInput/PhoneInput.cjs"),Xe=require("./CreditInput/CreditInput.cjs"),Ye=require("./CommandPalette/CommandPalette.cjs"),Ze=require("./SegmentedControl/SegmentedControl.cjs"),$e=require("./TagsInput/TagsInput.cjs"),er=require("./BottomSheet/BottomSheet.cjs"),rr=require("./SliderRange/SliderRange.cjs"),or=require("./MentionsInput/MentionsInput.cjs"),tr=require("./Kanban/Kanban.cjs"),ir=require("./EmojiPicker/EmojiPicker.cjs"),nr=require("./EmojiPicker/EmojiPicker.const.cjs"),ar=require("./VirtualList/VirtualList.cjs"),cr=require("./BackTop/BackTop.cjs"),ur=require("./Confetti/Confetti.cjs"),sr=require("./Confetti/useConfetti.cjs"),lr=require("./Tour/Tour.cjs"),qr=require("./Tour/useTour.cjs"),dr=require("./QRCode/QRCode.cjs"),pr=require("./JsonViewer/JsonViewer.cjs"),Cr=require("./DiffViewer/DiffViewer.cjs"),mr=require("./Chat/Chat.cjs"),Sr=require("./FloatingChat/FloatingChat.cjs"),Ir=require("./Terminal/Terminal.cjs"),gr=require("./Map/Map.cjs"),Tr=require("./CodeEditor/CodeEditor.cjs"),hr=require("./Cropper/Cropper.cjs"),h=require("./Transition/Transition.cjs"),Pr=require("./Masonry/Masonry.cjs"),Br=require("./Watermark/Watermark.cjs"),br=require("./Marquee/Marquee.cjs"),kr=require("./CountdownTimer/CountdownTimer.cjs"),vr=require("./Spotlight/Spotlight.cjs"),Ar=require("./Typewriter/Typewriter.cjs"),Rr=require("./Dock/Dock.cjs"),Lr=require("./GradientText/GradientText.cjs"),yr=require("./PasswordInput/PasswordInput.cjs"),Mr=require("./AlertDialog/AlertDialog.cjs"),Fr=require("./InputGroup/InputGroup.cjs"),xr=require("./FormField/FormField.cjs"),Dr=require("./Fieldset/Fieldset.cjs"),wr=require("./AspectRatio/AspectRatio.cjs"),fr=require("./DateRangePicker/DateRangePicker.cjs"),Gr=require("./TreeSelect/TreeSelect.cjs"),Er=require("./ImageGallery/ImageGallery.cjs"),Nr=require("./ContextMenu/ContextMenu.cjs"),Vr=require("./NumberFormatter/NumberFormatter.cjs"),Or=require("./InfiniteScroll/InfiniteScroll.cjs"),P=require("./ColorSwatch/ColorSwatch.cjs"),Hr=require("./SplitButton/SplitButton.cjs"),zr=require("./Popconfirm/Popconfirm.cjs"),Kr=require("./Result/Result.cjs"),jr=require("./Descriptions/Descriptions.cjs"),Jr=require("./Anchor/Anchor.cjs"),Ur=require("./Affix/Affix.cjs"),_r=require("./RingProgress/RingProgress.cjs"),Qr=require("./Spoiler/Spoiler.cjs"),Wr=require("./LoadingOverlay/LoadingOverlay.cjs"),Xr=require("./Blockquote/Blockquote.cjs"),Yr=require("./Indicator/Indicator.cjs"),Zr=require("./PageNav/PageNav.cjs"),$r=require("./PropsPlayground/PropsPlayground.cjs"),eo=require("./Biometric/Biometric.cjs"),ro=require("./Biometric/useBiometric.cjs"),oo=require("./ThemeIcon/ThemeIcon.cjs"),to=require("./CloseButton/CloseButton.cjs"),io=require("./Overlay/Overlay.cjs"),no=require("./VisuallyHidden/VisuallyHidden.cjs"),ao=require("./Portal/Portal.cjs"),co=require("./Icon/Icon.cjs");exports.Container=B.Container;exports.Flex=b.Flex;exports.Grid=a.Grid;exports.GridCompound=a.GridCompound;exports.GridItem=a.GridItem;exports.ActionIcon=k.ActionIcon;exports.Button=v.Button;exports.ButtonGroup=A.ButtonGroup;exports.Card=o.Card;exports.CardBody=o.CardBody;exports.CardCompound=o.CardCompound;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.Badge=R.Badge;exports.Paper=L.Paper;exports.Divider=y.Divider;exports.Typography=M.Typography;exports.Link=F.Link;exports.Spinner=x.Spinner;exports.Alert=D.Alert;exports.Rating=w.Rating;exports.BearIcons=f.BearIcons;exports.ChevronDownIcon=e.ChevronDownIcon;exports.ChevronLeftIcon=e.ChevronLeftIcon;exports.ChevronRightIcon=e.ChevronRightIcon;exports.ChevronUpIcon=e.ChevronUpIcon;exports.MenuIcon=e.MenuIcon;exports.XIcon=e.CloseIcon;exports.MinusIcon=t.RemoveIcon;exports.PlusIcon=t.AddIcon;exports.SearchIcon=t.SearchIcon;exports.SettingsIcon=t.SettingsIcon;exports.CheckIcon=G.CheckIcon;exports.BearPawIcon=E.BearPawIcon;exports.BearLogo=N.BearLogo;exports.EmberLogo=V.EmberLogo;exports.Modal=O.Modal;exports.Drawer=H.Drawer;exports.Tooltip=z.Tooltip;exports.Menu=c.Menu;exports.MenuDivider=c.MenuDivider;exports.MenuItem=c.MenuItem;exports.Dropdown=K.Dropdown;exports.SpeedDial=j.SpeedDial;exports.Input=s.Input;exports.TextField=s.Input;exports.Select=J.Select;exports.Switch=U.Switch;exports.Checkbox=_.Checkbox;exports.CheckboxCard=l.CheckboxCard;exports.CheckboxCardGroup=l.CheckboxCardGroup;exports.Radio=q.Radio;exports.RadioGroup=q.RadioGroup;exports.RadioCard=d.RadioCard;exports.RadioCardGroup=d.RadioCardGroup;exports.MultiSelect=Q.MultiSelect;exports.NavigableSelect=W.NavigableSelect;exports.Autocomplete=X.Autocomplete;exports.TransferList=Y.TransferList;exports.DataTable=p.DataTable;exports.createColumns=p.createColumns;exports.Carousel=Z.Carousel;exports.Accordion=C.Accordion;exports.AccordionItem=C.AccordionItem;exports.Tab=m.Tab;exports.Tabs=m.Tabs;exports.TabList=$.TabList;exports.TabPanel=ee.TabPanel;exports.Avatar=S.Avatar;exports.AvatarGroup=S.AvatarGroup;exports.Progress=re.Progress;exports.List=r.List;exports.ListItem=r.ListItem;exports.ListItemButton=r.ListItemButton;exports.ListItemIcon=r.ListItemIcon;exports.ListItemText=r.ListItemText;exports.ListSubheader=r.ListSubheader;exports.Fab=oe.Fab;exports.ToastContainer=u.ToastContainer;exports.ToastProvider=u.ToastProvider;exports.useToast=u.useToast;exports.Skeleton=i.Skeleton;exports.SkeletonAvatar=i.SkeletonAvatar;exports.SkeletonCard=i.SkeletonCard;exports.SkeletonText=i.SkeletonText;exports.Pagination=te.Pagination;exports.Slider=ie.Slider;exports.BearLoader=ne.BearLoader;exports.Calendar=ae.Calendar;exports.DatePicker=ce.DatePicker;exports.TimePicker=ue.TimePicker;exports.Breadcrumbs=se.Breadcrumbs;exports.Stepper=I.Stepper;exports.StepperControls=I.StepperControls;exports.BottomNavigation=le.BottomNavigation;exports.AppBar=qe.AppBar;exports.Popover=de.Popover;exports.Chip=pe.Chip;exports.TreeView=Ce.TreeView;exports.FileTree=me.FileTree;exports.Timeline=Se.Timeline;exports.Statistic=Ie.Statistic;exports.EmptyState=ge.EmptyState;exports.Image=Te.Image;exports.FileUpload=he.FileUpload;exports.NumberInput=Pe.NumberInput;exports.OTPInput=Be.OTPInput;exports.ColorPicker=be.ColorPicker;exports.ScrollArea=ke.ScrollArea;exports.ResizablePanel=ve.ResizablePanel;exports.ResizableTextarea=Ae.ResizableTextarea;exports.Collapsible=Re.Collapsible;exports.Kbd=Le.Kbd;exports.CopyButton=ye.CopyButton;exports.Sidebar=Me.Sidebar;exports.SidebarGroup=Fe.SidebarGroup;exports.Column=g.Column;exports.Columns=g.Columns;exports.Box=xe.Box;exports.Em=De.Em;exports.Highlight=we.Highlight;exports.Mark=fe.Mark;exports.Editable=Ge.Editable;exports.HoverCard=Ee.HoverCard;exports.CodeBlock=Ne.CodeBlock;exports.ActiveBar=Ve.ActiveBar;exports.RichEditor=Oe.RichEditor;exports.StatCard=He.StatCard;exports.ActivityItem=ze.ActivityItem;exports.BarChart=n.BarChart;exports.Chart=n.Chart;exports.LineChart=n.LineChart;exports.PieChart=n.PieChart;exports.Sparkline=Ke.Sparkline;exports.Gauge=je.Gauge;exports.SignPad=Je.SignPad;exports.Cascader=Ue.Cascader;exports.Form=_e.Form;exports.useFormContext=T.useFormContext;exports.useFormContextSafe=T.useFormContextSafe;exports.NotificationCenter=Qe.NotificationCenter;exports.PhoneInput=We.PhoneInput;exports.CreditInput=Xe.CreditInput;exports.CommandPalette=Ye.CommandPalette;exports.SegmentedControl=Ze.SegmentedControl;exports.TagsInput=$e.TagsInput;exports.BottomSheet=er.BottomSheet;exports.SliderRange=rr.SliderRange;exports.MentionsInput=or.MentionsInput;exports.Kanban=tr.Kanban;exports.EmojiPicker=ir.EmojiPicker;exports.BEAR_EMOJIS=nr.BEAR_EMOJIS;exports.VirtualList=ar.VirtualList;exports.BackTop=cr.BackTop;exports.Confetti=ur.Confetti;exports.useConfetti=sr.useConfetti;exports.Tour=lr.Tour;exports.useTour=qr.useTour;exports.QRCode=dr.QRCode;exports.JsonViewer=pr.JsonViewer;exports.DiffViewer=Cr.DiffViewer;exports.Chat=mr.Chat;exports.FloatingChat=Sr.FloatingChat;exports.Terminal=Ir.Terminal;exports.Map=gr.Map;exports.CodeEditor=Tr.CodeEditor;exports.Cropper=hr.Cropper;exports.Motion=h.Motion;exports.Transition=h.Transition;exports.Masonry=Pr.Masonry;exports.Watermark=Br.Watermark;exports.Marquee=br.Marquee;exports.CountdownTimer=kr.CountdownTimer;exports.Spotlight=vr.Spotlight;exports.Typewriter=Ar.Typewriter;exports.Dock=Rr.Dock;exports.GradientText=Lr.GradientText;exports.PasswordInput=yr.PasswordInput;exports.AlertDialog=Mr.AlertDialog;exports.InputGroup=Fr.InputGroup;exports.FormField=xr.FormField;exports.Fieldset=Dr.Fieldset;exports.AspectRatio=wr.AspectRatio;exports.DateRangePicker=fr.DateRangePicker;exports.TreeSelect=Gr.TreeSelect;exports.ImageGallery=Er.ImageGallery;exports.ContextMenu=Nr.ContextMenu;exports.NumberFormatter=Vr.NumberFormatter;exports.InfiniteScroll=Or.InfiniteScroll;exports.ColorSwatch=P.ColorSwatch;exports.ColorSwatchGroup=P.ColorSwatchGroup;exports.SplitButton=Hr.SplitButton;exports.Popconfirm=zr.Popconfirm;exports.Result=Kr.Result;exports.Descriptions=jr.Descriptions;exports.Anchor=Jr.Anchor;exports.Affix=Ur.Affix;exports.RingProgress=_r.RingProgress;exports.Spoiler=Qr.Spoiler;exports.LoadingOverlay=Wr.LoadingOverlay;exports.Blockquote=Xr.Blockquote;exports.Indicator=Yr.Indicator;exports.PageNav=Zr.PageNav;exports.PropsPlayground=$r.PropsPlayground;exports.Biometric=eo.Biometric;exports.useBiometric=ro.useBiometric;exports.ThemeIcon=oo.ThemeIcon;exports.CloseButton=to.CloseButton;exports.Overlay=io.Overlay;exports.VisuallyHidden=no.VisuallyHidden;exports.Portal=ao.Portal;exports.Icon=co.Icon;
|
|
@@ -305,3 +305,13 @@ export type { PropsPlaygroundProps, PropsConfig, PropValues, PropControlConfig,
|
|
|
305
305
|
export { Biometric } from './Biometric';
|
|
306
306
|
export { useBiometric } from './Biometric';
|
|
307
307
|
export type { BiometricProps, BiometricType, BiometricStatus, UseBiometricOptions, UseBiometricReturn } from './Biometric';
|
|
308
|
+
export { ThemeIcon } from './ThemeIcon';
|
|
309
|
+
export type { ThemeIconProps } from './ThemeIcon';
|
|
310
|
+
export { CloseButton } from './CloseButton';
|
|
311
|
+
export type { CloseButtonProps } from './CloseButton';
|
|
312
|
+
export { Overlay } from './Overlay';
|
|
313
|
+
export type { OverlayProps } from './Overlay';
|
|
314
|
+
export { VisuallyHidden } from './VisuallyHidden';
|
|
315
|
+
export type { VisuallyHiddenProps } from './VisuallyHidden';
|
|
316
|
+
export { Portal } from './Portal';
|
|
317
|
+
export type { PortalProps } from './Portal';
|
package/dist/components/index.js
CHANGED
|
@@ -2,15 +2,15 @@ import { Container as p } from "./Container/Container.js";
|
|
|
2
2
|
import { Flex as x } from "./Flex/Flex.js";
|
|
3
3
|
import { Grid as a, GridCompound as i, GridItem as n } from "./Grid/Grid.js";
|
|
4
4
|
import { ActionIcon as d } from "./ActionIcon/ActionIcon.js";
|
|
5
|
-
import { Button as
|
|
5
|
+
import { Button as u } from "./Button/Button.js";
|
|
6
6
|
import { ButtonGroup as s } from "./ButtonGroup/ButtonGroup.js";
|
|
7
|
-
import { Card as S, CardBody as T, CardCompound as
|
|
7
|
+
import { Card as S, CardBody as T, CardCompound as h, CardFooter as g, CardHeader as P } from "./Card/Card.js";
|
|
8
8
|
import { Badge as b } from "./Badge/Badge.js";
|
|
9
9
|
import { Paper as v } from "./Paper/Paper.js";
|
|
10
10
|
import { Divider as R } from "./Divider/Divider.js";
|
|
11
11
|
import { Typography as M } from "./Typography/Typography.js";
|
|
12
12
|
import { Link as G } from "./Link/Link.js";
|
|
13
|
-
import { Spinner as
|
|
13
|
+
import { Spinner as y } from "./Spinner/Spinner.js";
|
|
14
14
|
import { Alert as E } from "./Alert/Alert.js";
|
|
15
15
|
import { Rating as V } from "./Rating/Rating.js";
|
|
16
16
|
import { BearIcons as O } from "./Icon/index.js";
|
|
@@ -23,15 +23,15 @@ import { EmberLogo as xo } from "./BearLogo/EmberLogo.js";
|
|
|
23
23
|
import { Modal as ao } from "./Modal/Modal.js";
|
|
24
24
|
import { Drawer as no } from "./Drawer/Drawer.js";
|
|
25
25
|
import { Tooltip as co } from "./Tooltip/Tooltip.js";
|
|
26
|
-
import { Menu as
|
|
26
|
+
import { Menu as Co, MenuDivider as so, MenuItem as Io } from "./Menu/Menu.js";
|
|
27
27
|
import { Dropdown as To } from "./Dropdown/Dropdown.js";
|
|
28
|
-
import { SpeedDial as
|
|
28
|
+
import { SpeedDial as go } from "./SpeedDial/SpeedDial.js";
|
|
29
29
|
import { Input as Bo, Input as bo } from "./Input/Input.js";
|
|
30
30
|
import { Select as vo } from "./Select/Select.js";
|
|
31
31
|
import { Switch as Ro } from "./Switch/Switch.js";
|
|
32
32
|
import { Checkbox as Mo } from "./Checkbox/Checkbox.js";
|
|
33
33
|
import { CheckboxCard as Go, CheckboxCardGroup as wo } from "./CheckboxCard/CheckboxCard.js";
|
|
34
|
-
import { Radio as
|
|
34
|
+
import { Radio as Do, RadioGroup as Eo } from "./Radio/Radio.js";
|
|
35
35
|
import { RadioCard as Vo, RadioCardGroup as Ho } from "./RadioCard/RadioCard.js";
|
|
36
36
|
import { MultiSelect as qo } from "./MultiSelect/MultiSelect.js";
|
|
37
37
|
import { NavigableSelect as Jo } from "./NavigableSelect/NavigableSelect.js";
|
|
@@ -45,12 +45,12 @@ import { TabList as xr } from "./Tabs/TabList.js";
|
|
|
45
45
|
import { TabPanel as ar } from "./Tabs/TabPanel.js";
|
|
46
46
|
import { Avatar as nr, AvatarGroup as lr } from "./Avatar/Avatar.js";
|
|
47
47
|
import { Progress as cr } from "./Progress/Progress.js";
|
|
48
|
-
import { List as
|
|
48
|
+
import { List as Cr, ListItem as sr, ListItemButton as Ir, ListItemIcon as Sr, ListItemText as Tr, ListSubheader as hr } from "./List/List.js";
|
|
49
49
|
import { Fab as Pr } from "./Fab/Fab.js";
|
|
50
50
|
import { ToastContainer as br, ToastProvider as kr, useToast as vr } from "./Toast/Toast.js";
|
|
51
51
|
import { Skeleton as Rr, SkeletonAvatar as Lr, SkeletonCard as Mr, SkeletonText as Fr } from "./Skeleton/Skeleton.js";
|
|
52
52
|
import { Pagination as wr } from "./Pagination/Pagination.js";
|
|
53
|
-
import { Slider as
|
|
53
|
+
import { Slider as Dr } from "./Slider/Slider.js";
|
|
54
54
|
import { BearLoader as Nr } from "./BearLoader/BearLoader.js";
|
|
55
55
|
import { Calendar as Hr } from "./Calendar/Calendar.js";
|
|
56
56
|
import { DatePicker as qr } from "./DatePicker/DatePicker.js";
|
|
@@ -66,17 +66,17 @@ import { FileTree as xe } from "./FileTree/FileTree.js";
|
|
|
66
66
|
import { Timeline as ae } from "./Timeline/Timeline.js";
|
|
67
67
|
import { Statistic as ne } from "./Statistic/Statistic.js";
|
|
68
68
|
import { EmptyState as de } from "./EmptyState/EmptyState.js";
|
|
69
|
-
import { Image as
|
|
69
|
+
import { Image as ue } from "./Image/Image.js";
|
|
70
70
|
import { FileUpload as se } from "./FileUpload/FileUpload.js";
|
|
71
71
|
import { NumberInput as Se } from "./NumberInput/NumberInput.js";
|
|
72
|
-
import { OTPInput as
|
|
72
|
+
import { OTPInput as he } from "./OTPInput/OTPInput.js";
|
|
73
73
|
import { ColorPicker as Pe } from "./ColorPicker/ColorPicker.js";
|
|
74
74
|
import { ScrollArea as be } from "./ScrollArea/ScrollArea.js";
|
|
75
75
|
import { ResizablePanel as ve } from "./ResizablePanel/ResizablePanel.js";
|
|
76
76
|
import { ResizableTextarea as Re } from "./ResizableTextarea/ResizableTextarea.js";
|
|
77
77
|
import { Collapsible as Me } from "./Collapsible/Collapsible.js";
|
|
78
78
|
import { Kbd as Ge } from "./Kbd/Kbd.js";
|
|
79
|
-
import { CopyButton as
|
|
79
|
+
import { CopyButton as ye } from "./CopyButton/CopyButton.js";
|
|
80
80
|
import { Sidebar as Ee } from "./Sidebar/Sidebar.js";
|
|
81
81
|
import { SidebarGroup as Ve } from "./Sidebar/components/SidebarGroup/SidebarGroup.js";
|
|
82
82
|
import "react/jsx-runtime";
|
|
@@ -93,17 +93,17 @@ import { ActiveBar as tt } from "./ActiveBar/ActiveBar.js";
|
|
|
93
93
|
import { RichEditor as mt } from "./RichEditor/RichEditor.js";
|
|
94
94
|
import { StatCard as ft } from "./StatCard/StatCard.js";
|
|
95
95
|
import { ActivityItem as it } from "./ActivityItem/ActivityItem.js";
|
|
96
|
-
import { BarChart as lt, Chart as dt, LineChart as ct, PieChart as
|
|
96
|
+
import { BarChart as lt, Chart as dt, LineChart as ct, PieChart as ut } from "./Chart/Chart.js";
|
|
97
97
|
import { Sparkline as st } from "./Sparkline/Sparkline.js";
|
|
98
98
|
import { Gauge as St } from "./Gauge/Gauge.js";
|
|
99
|
-
import { SignPad as
|
|
99
|
+
import { SignPad as ht } from "./SignPad/SignPad.js";
|
|
100
100
|
import { Cascader as Pt } from "./Cascader/Cascader.js";
|
|
101
101
|
import { Form as bt } from "./Form/Form.js";
|
|
102
102
|
import { useFormContext as vt, useFormContextSafe as At } from "./Form/Form.context.js";
|
|
103
103
|
import { NotificationCenter as Lt } from "./NotificationCenter/NotificationCenter.js";
|
|
104
104
|
import { PhoneInput as Ft } from "./PhoneInput/PhoneInput.js";
|
|
105
105
|
import { CreditInput as wt } from "./CreditInput/CreditInput.js";
|
|
106
|
-
import { CommandPalette as
|
|
106
|
+
import { CommandPalette as Dt } from "./CommandPalette/CommandPalette.js";
|
|
107
107
|
import { SegmentedControl as Nt } from "./SegmentedControl/SegmentedControl.js";
|
|
108
108
|
import { TagsInput as Ht } from "./TagsInput/TagsInput.js";
|
|
109
109
|
import { BottomSheet as qt } from "./BottomSheet/BottomSheet.js";
|
|
@@ -120,16 +120,16 @@ import { Tour as fp } from "./Tour/Tour.js";
|
|
|
120
120
|
import { useTour as ip } from "./Tour/useTour.js";
|
|
121
121
|
import { QRCode as lp } from "./QRCode/QRCode.js";
|
|
122
122
|
import { JsonViewer as cp } from "./JsonViewer/JsonViewer.js";
|
|
123
|
-
import { DiffViewer as
|
|
123
|
+
import { DiffViewer as Cp } from "./DiffViewer/DiffViewer.js";
|
|
124
124
|
import { Chat as Ip } from "./Chat/Chat.js";
|
|
125
125
|
import { FloatingChat as Tp } from "./FloatingChat/FloatingChat.js";
|
|
126
|
-
import { Terminal as
|
|
126
|
+
import { Terminal as gp } from "./Terminal/Terminal.js";
|
|
127
127
|
import { Map as Bp } from "./Map/Map.js";
|
|
128
128
|
import { CodeEditor as kp } from "./CodeEditor/CodeEditor.js";
|
|
129
129
|
import { Cropper as Ap } from "./Cropper/Cropper.js";
|
|
130
130
|
import { Motion as Lp, Transition as Mp } from "./Transition/Transition.js";
|
|
131
131
|
import { Masonry as Gp } from "./Masonry/Masonry.js";
|
|
132
|
-
import { Watermark as
|
|
132
|
+
import { Watermark as yp } from "./Watermark/Watermark.js";
|
|
133
133
|
import { Marquee as Ep } from "./Marquee/Marquee.js";
|
|
134
134
|
import { CountdownTimer as Vp } from "./CountdownTimer/CountdownTimer.js";
|
|
135
135
|
import { Spotlight as Op } from "./Spotlight/Spotlight.js";
|
|
@@ -146,17 +146,17 @@ import { DateRangePicker as xm } from "./DateRangePicker/DateRangePicker.js";
|
|
|
146
146
|
import { TreeSelect as am } from "./TreeSelect/TreeSelect.js";
|
|
147
147
|
import { ImageGallery as nm } from "./ImageGallery/ImageGallery.js";
|
|
148
148
|
import { ContextMenu as dm } from "./ContextMenu/ContextMenu.js";
|
|
149
|
-
import { NumberFormatter as
|
|
149
|
+
import { NumberFormatter as um } from "./NumberFormatter/NumberFormatter.js";
|
|
150
150
|
import { InfiniteScroll as sm } from "./InfiniteScroll/InfiniteScroll.js";
|
|
151
151
|
import { ColorSwatch as Sm, ColorSwatchGroup as Tm } from "./ColorSwatch/ColorSwatch.js";
|
|
152
|
-
import { SplitButton as
|
|
152
|
+
import { SplitButton as gm } from "./SplitButton/SplitButton.js";
|
|
153
153
|
import { Popconfirm as Bm } from "./Popconfirm/Popconfirm.js";
|
|
154
154
|
import { Result as km } from "./Result/Result.js";
|
|
155
155
|
import { Descriptions as Am } from "./Descriptions/Descriptions.js";
|
|
156
156
|
import { Anchor as Lm } from "./Anchor/Anchor.js";
|
|
157
157
|
import { Affix as Fm } from "./Affix/Affix.js";
|
|
158
158
|
import { RingProgress as wm } from "./RingProgress/RingProgress.js";
|
|
159
|
-
import { Spoiler as
|
|
159
|
+
import { Spoiler as Dm } from "./Spoiler/Spoiler.js";
|
|
160
160
|
import { LoadingOverlay as Nm } from "./LoadingOverlay/LoadingOverlay.js";
|
|
161
161
|
import { Blockquote as Hm } from "./Blockquote/Blockquote.js";
|
|
162
162
|
import { Indicator as qm } from "./Indicator/Indicator.js";
|
|
@@ -164,7 +164,12 @@ import { PageNav as Jm } from "./PageNav/PageNav.js";
|
|
|
164
164
|
import { PropsPlayground as Um } from "./PropsPlayground/PropsPlayground.js";
|
|
165
165
|
import { Biometric as Qm } from "./Biometric/Biometric.js";
|
|
166
166
|
import { useBiometric as Xm } from "./Biometric/useBiometric.js";
|
|
167
|
-
import {
|
|
167
|
+
import { ThemeIcon as Ym } from "./ThemeIcon/ThemeIcon.js";
|
|
168
|
+
import { CloseButton as $m } from "./CloseButton/CloseButton.js";
|
|
169
|
+
import { Overlay as rx } from "./Overlay/Overlay.js";
|
|
170
|
+
import { VisuallyHidden as tx } from "./VisuallyHidden/VisuallyHidden.js";
|
|
171
|
+
import { Portal as mx } from "./Portal/Portal.js";
|
|
172
|
+
import { Icon as fx } from "./Icon/Icon.js";
|
|
168
173
|
export {
|
|
169
174
|
or as Accordion,
|
|
170
175
|
rr as AccordionItem,
|
|
@@ -194,13 +199,13 @@ export {
|
|
|
194
199
|
qt as BottomSheet,
|
|
195
200
|
Je as Box,
|
|
196
201
|
Ur as Breadcrumbs,
|
|
197
|
-
|
|
202
|
+
u as Button,
|
|
198
203
|
s as ButtonGroup,
|
|
199
204
|
Hr as Calendar,
|
|
200
205
|
S as Card,
|
|
201
206
|
T as CardBody,
|
|
202
|
-
|
|
203
|
-
|
|
207
|
+
h as CardCompound,
|
|
208
|
+
g as CardFooter,
|
|
204
209
|
P as CardHeader,
|
|
205
210
|
Zo as Carousel,
|
|
206
211
|
Pt as Cascader,
|
|
@@ -215,6 +220,7 @@ export {
|
|
|
215
220
|
K as ChevronRightIcon,
|
|
216
221
|
U as ChevronUpIcon,
|
|
217
222
|
ee as Chip,
|
|
223
|
+
$m as CloseButton,
|
|
218
224
|
rt as CodeBlock,
|
|
219
225
|
kp as CodeEditor,
|
|
220
226
|
Me as Collapsible,
|
|
@@ -223,11 +229,11 @@ export {
|
|
|
223
229
|
Tm as ColorSwatchGroup,
|
|
224
230
|
Oe as Column,
|
|
225
231
|
qe as Columns,
|
|
226
|
-
|
|
232
|
+
Dt as CommandPalette,
|
|
227
233
|
tp as Confetti,
|
|
228
234
|
p as Container,
|
|
229
235
|
dm as ContextMenu,
|
|
230
|
-
|
|
236
|
+
ye as CopyButton,
|
|
231
237
|
Vp as CountdownTimer,
|
|
232
238
|
wt as CreditInput,
|
|
233
239
|
Ap as Cropper,
|
|
@@ -235,7 +241,7 @@ export {
|
|
|
235
241
|
qr as DatePicker,
|
|
236
242
|
xm as DateRangePicker,
|
|
237
243
|
Am as Descriptions,
|
|
238
|
-
|
|
244
|
+
Cp as DiffViewer,
|
|
239
245
|
R as Divider,
|
|
240
246
|
Kp as Dock,
|
|
241
247
|
no as Drawer,
|
|
@@ -260,8 +266,8 @@ export {
|
|
|
260
266
|
n as GridItem,
|
|
261
267
|
Qe as Highlight,
|
|
262
268
|
$e as HoverCard,
|
|
263
|
-
|
|
264
|
-
|
|
269
|
+
fx as Icon,
|
|
270
|
+
ue as Image,
|
|
265
271
|
nm as ImageGallery,
|
|
266
272
|
qm as Indicator,
|
|
267
273
|
sm as InfiniteScroll,
|
|
@@ -272,19 +278,19 @@ export {
|
|
|
272
278
|
Ge as Kbd,
|
|
273
279
|
ct as LineChart,
|
|
274
280
|
G as Link,
|
|
275
|
-
|
|
281
|
+
Cr as List,
|
|
276
282
|
sr as ListItem,
|
|
277
283
|
Ir as ListItemButton,
|
|
278
284
|
Sr as ListItemIcon,
|
|
279
285
|
Tr as ListItemText,
|
|
280
|
-
|
|
286
|
+
hr as ListSubheader,
|
|
281
287
|
Nm as LoadingOverlay,
|
|
282
288
|
Bp as Map,
|
|
283
289
|
Xe as Mark,
|
|
284
290
|
Ep as Marquee,
|
|
285
291
|
Gp as Masonry,
|
|
286
292
|
Ut as MentionsInput,
|
|
287
|
-
|
|
293
|
+
Co as Menu,
|
|
288
294
|
so as MenuDivider,
|
|
289
295
|
j as MenuIcon,
|
|
290
296
|
Io as MenuItem,
|
|
@@ -294,22 +300,24 @@ export {
|
|
|
294
300
|
qo as MultiSelect,
|
|
295
301
|
Jo as NavigableSelect,
|
|
296
302
|
Lt as NotificationCenter,
|
|
297
|
-
|
|
303
|
+
um as NumberFormatter,
|
|
298
304
|
Se as NumberInput,
|
|
299
|
-
|
|
305
|
+
he as OTPInput,
|
|
306
|
+
rx as Overlay,
|
|
300
307
|
Jm as PageNav,
|
|
301
308
|
wr as Pagination,
|
|
302
309
|
v as Paper,
|
|
303
310
|
Wp as PasswordInput,
|
|
304
311
|
Ft as PhoneInput,
|
|
305
|
-
|
|
312
|
+
ut as PieChart,
|
|
306
313
|
_ as PlusIcon,
|
|
307
314
|
Bm as Popconfirm,
|
|
308
315
|
oe as Popover,
|
|
316
|
+
mx as Portal,
|
|
309
317
|
cr as Progress,
|
|
310
318
|
Um as PropsPlayground,
|
|
311
319
|
lp as QRCode,
|
|
312
|
-
|
|
320
|
+
Do as Radio,
|
|
313
321
|
Vo as RadioCard,
|
|
314
322
|
Ho as RadioCardGroup,
|
|
315
323
|
Eo as RadioGroup,
|
|
@@ -326,18 +334,18 @@ export {
|
|
|
326
334
|
Z as SettingsIcon,
|
|
327
335
|
Ee as Sidebar,
|
|
328
336
|
Ve as SidebarGroup,
|
|
329
|
-
|
|
337
|
+
ht as SignPad,
|
|
330
338
|
Rr as Skeleton,
|
|
331
339
|
Lr as SkeletonAvatar,
|
|
332
340
|
Mr as SkeletonCard,
|
|
333
341
|
Fr as SkeletonText,
|
|
334
|
-
|
|
342
|
+
Dr as Slider,
|
|
335
343
|
Jt as SliderRange,
|
|
336
344
|
st as Sparkline,
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
345
|
+
go as SpeedDial,
|
|
346
|
+
y as Spinner,
|
|
347
|
+
gm as SplitButton,
|
|
348
|
+
Dm as Spoiler,
|
|
341
349
|
Op as Spotlight,
|
|
342
350
|
ft as StatCard,
|
|
343
351
|
ne as Statistic,
|
|
@@ -349,8 +357,9 @@ export {
|
|
|
349
357
|
ar as TabPanel,
|
|
350
358
|
pr as Tabs,
|
|
351
359
|
Ht as TagsInput,
|
|
352
|
-
|
|
360
|
+
gp as Terminal,
|
|
353
361
|
bo as TextField,
|
|
362
|
+
Ym as ThemeIcon,
|
|
354
363
|
Jr as TimePicker,
|
|
355
364
|
ae as Timeline,
|
|
356
365
|
br as ToastContainer,
|
|
@@ -364,7 +373,8 @@ export {
|
|
|
364
373
|
zp as Typewriter,
|
|
365
374
|
M as Typography,
|
|
366
375
|
$t as VirtualList,
|
|
367
|
-
|
|
376
|
+
tx as VisuallyHidden,
|
|
377
|
+
yp as Watermark,
|
|
368
378
|
Q as XIcon,
|
|
369
379
|
_o as createColumns,
|
|
370
380
|
Xm as useBiometric,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),S=require("../utils/cn.cjs");function b(c,e){return function(f){const r=(e==null?void 0:e.defaultProps)??f??{},t=e==null?void 0:e.style,N=e==null?void 0:e.className,y=u=>{const s={...r,...u},a=r,l=u,m=S.cn(N,a==null?void 0:a.className,l==null?void 0:l.className);return m&&(s.className=m),(t||a!=null&&a.style||l!=null&&l.style)&&(s.style={...t??{},...(a==null?void 0:a.style)??{},...(l==null?void 0:l.style)??{}}),d.jsx(c,{...s})};return y.displayName=(e==null?void 0:e.displayName)??`BearStyled(${c.displayName??c.name??"Component"})`,y}}exports.bearStyled=b;
|
|
@@ -1,17 +1,39 @@
|
|
|
1
|
-
import { ComponentType } from 'react';
|
|
1
|
+
import { ComponentType, CSSProperties } from 'react';
|
|
2
|
+
type StyleOverrides = CSSProperties;
|
|
3
|
+
interface BearStyledOptions<P> {
|
|
4
|
+
/** Default props merged with every instance */
|
|
5
|
+
defaultProps?: Partial<P>;
|
|
6
|
+
/** Inline style object applied to every instance (merges with consumer `style` prop) */
|
|
7
|
+
style?: StyleOverrides;
|
|
8
|
+
/** Additional className applied to every instance */
|
|
9
|
+
className?: string;
|
|
10
|
+
/** Display name for React DevTools */
|
|
11
|
+
displayName?: string;
|
|
12
|
+
}
|
|
2
13
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
14
|
+
* bearStyled — create a pre-configured variant of any Bear component.
|
|
15
|
+
*
|
|
16
|
+
* Use it like styled-components but for Bear: take any component, lock in
|
|
17
|
+
* default props and custom CSS, then re-export and reuse everywhere.
|
|
18
|
+
* The component retains all original props and behaviour; consumers can
|
|
19
|
+
* still override anything on a per-instance basis.
|
|
5
20
|
*
|
|
6
21
|
* @example
|
|
7
22
|
* ```tsx
|
|
23
|
+
* // Simple — default props only (original API still works)
|
|
8
24
|
* const PrimaryButton = bearStyled(Button)({ variant: 'primary' });
|
|
9
|
-
* <PrimaryButton>Click</PrimaryButton>
|
|
10
25
|
*
|
|
11
|
-
*
|
|
26
|
+
* // With inline style overrides
|
|
27
|
+
* const RoundedButton = bearStyled(Button, {
|
|
28
|
+
* defaultProps: { variant: 'primary', size: 'lg' },
|
|
29
|
+
* style: { borderRadius: 10, borderLeft: '3px solid red' },
|
|
30
|
+
* className: 'uppercase',
|
|
31
|
+
* });
|
|
32
|
+
*
|
|
33
|
+
* // Override at use-site
|
|
34
|
+
* <RoundedButton onClick={save}>Save</RoundedButton>
|
|
35
|
+
* <RoundedButton style={{ borderRadius: 20 }}>More round</RoundedButton>
|
|
12
36
|
* ```
|
|
13
37
|
*/
|
|
14
|
-
export declare function bearStyled<P extends object>(Component: ComponentType<P>): (
|
|
15
|
-
|
|
16
|
-
displayName: string;
|
|
17
|
-
};
|
|
38
|
+
export declare function bearStyled<P extends object>(Component: ComponentType<P>, options?: BearStyledOptions<P>): (overrideProps?: Partial<P>) => ComponentType<P>;
|
|
39
|
+
export {};
|
package/dist/hooks/bearStyled.js
CHANGED
|
@@ -1,17 +1,22 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { cn as
|
|
3
|
-
function
|
|
4
|
-
return function(
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
)
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { cn as S } from "../utils/cn.js";
|
|
3
|
+
function h(c, e) {
|
|
4
|
+
return function(u) {
|
|
5
|
+
const r = (e == null ? void 0 : e.defaultProps) ?? u ?? {}, m = e == null ? void 0 : e.style, N = e == null ? void 0 : e.className, y = (t) => {
|
|
6
|
+
const s = { ...r, ...t }, a = r, l = t, f = S(
|
|
7
|
+
N,
|
|
8
|
+
a == null ? void 0 : a.className,
|
|
9
|
+
l == null ? void 0 : l.className
|
|
10
|
+
);
|
|
11
|
+
return f && (s.className = f), (m || a != null && a.style || l != null && l.style) && (s.style = {
|
|
12
|
+
...m ?? {},
|
|
13
|
+
...(a == null ? void 0 : a.style) ?? {},
|
|
14
|
+
...(l == null ? void 0 : l.style) ?? {}
|
|
15
|
+
}), /* @__PURE__ */ d(c, { ...s });
|
|
11
16
|
};
|
|
12
|
-
return
|
|
17
|
+
return y.displayName = (e == null ? void 0 : e.displayName) ?? `BearStyled(${c.displayName ?? c.name ?? "Component"})`, y;
|
|
13
18
|
};
|
|
14
19
|
}
|
|
15
20
|
export {
|
|
16
|
-
|
|
21
|
+
h as bearStyled
|
|
17
22
|
};
|
|
@@ -2,10 +2,18 @@ import { UseMediaQueryOptions, UseMediaQueryReturn, BreakpointKey } from './useM
|
|
|
2
2
|
/**
|
|
3
3
|
* useMediaQuery - Track media query matches
|
|
4
4
|
*
|
|
5
|
+
* Resolves breakpoint keys (sm, md, lg, xl, 2xl, dark, etc.) to media queries.
|
|
6
|
+
* When used inside a BearProvider, breakpoints from the theme are used,
|
|
7
|
+
* so you can override `xl` or add custom keys like `xxl`.
|
|
8
|
+
*
|
|
5
9
|
* @example
|
|
6
10
|
* ```tsx
|
|
7
11
|
* const isMobile = useMediaQuery('(max-width: 768px)');
|
|
8
|
-
* const
|
|
12
|
+
* const isLg = useMediaQuery('lg');
|
|
13
|
+
*
|
|
14
|
+
* // With BearProvider breakpoints override:
|
|
15
|
+
* // <BearProvider theme={{ breakpoints: { xl: '2500px', xxl: '3000px' } }}>
|
|
16
|
+
* const isXl = useMediaQuery('xl'); // now matches 2500px
|
|
9
17
|
* ```
|
|
10
18
|
*/
|
|
11
19
|
export declare const useMediaQuery: (query: string | BreakpointKey, options?: UseMediaQueryOptions) => UseMediaQueryReturn;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),r=require("./useMediaQuery.cjs"),b=require("../context/BearProvider.cjs"),u={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};function d(s){return parseInt(s,10)||0}function Q(s){var v;const x=y.useContext(b.BearContext),i=(v=x==null?void 0:x.theme)==null?void 0:v.breakpoints,g=i?d(i.sm):u.sm,p=i?d(i.md):u.md,h=i?d(i.lg):u.lg,M=i?d(i.xl):u.xl,P=i?d(i["2xl"]):u["2xl"],l=r.useMediaQuery(`(min-width: ${g}px)`),c=r.useMediaQuery(`(min-width: ${p}px)`),m=r.useMediaQuery(`(min-width: ${h}px)`),a=r.useMediaQuery(`(min-width: ${M}px)`),f=r.useMediaQuery(`(min-width: ${P}px)`);return y.useMemo(()=>{if(s==null||typeof s!="object")return s;const e=s;if(!("base"in e||"sm"in e||"md"in e||"lg"in e||"xl"in e||"2xl"in e))return s;if(f&&e["2xl"]!==void 0)return e["2xl"];if(a&&e.xl!==void 0)return e.xl;if(m&&e.lg!==void 0)return e.lg;if(c&&e.md!==void 0)return e.md;if(l&&e.sm!==void 0)return e.sm;if(e.base!==void 0)return e.base;for(const o of["sm","md","lg","xl","2xl"])if(e[o]!==void 0)return e[o];return s},[s,l,c,m,a,f])}function w(s){var v;const x=y.useContext(b.BearContext),i=(v=x==null?void 0:x.theme)==null?void 0:v.breakpoints,g=i?d(i.sm):u.sm,p=i?d(i.md):u.md,h=i?d(i.lg):u.lg,M=i?d(i.xl):u.xl,P=i?d(i["2xl"]):u["2xl"],l=r.useMediaQuery(`(min-width: ${g}px)`),c=r.useMediaQuery(`(min-width: ${p}px)`),m=r.useMediaQuery(`(min-width: ${h}px)`),a=r.useMediaQuery(`(min-width: ${M}px)`),f=r.useMediaQuery(`(min-width: ${P}px)`);return y.useMemo(()=>{const e={};for(const[t,o]of Object.entries(s)){if(o==null||typeof o!="object"){e[t]=o;continue}const n=o;if(!("base"in n||"sm"in n||"md"in n||"lg"in n||"xl"in n||"2xl"in n)){e[t]=o;continue}if(f&&n["2xl"]!==void 0){e[t]=n["2xl"];continue}if(a&&n.xl!==void 0){e[t]=n.xl;continue}if(m&&n.lg!==void 0){e[t]=n.lg;continue}if(c&&n.md!==void 0){e[t]=n.md;continue}if(l&&n.sm!==void 0){e[t]=n.sm;continue}if(n.base!==void 0){e[t]=n.base;continue}e[t]=o}return e},[s,l,c,m,a,f])}exports.useResponsive=Q;exports.useResponsiveProps=w;
|
|
@@ -2,32 +2,17 @@ import { ResponsiveProp } from '../types/theme.types';
|
|
|
2
2
|
/**
|
|
3
3
|
* useResponsive - Resolves responsive prop values based on current viewport
|
|
4
4
|
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
* with breakpoint keys) and resolves it to the current value based on
|
|
8
|
-
* the viewport width.
|
|
5
|
+
* Reads breakpoint values from BearProvider when available, so overrides
|
|
6
|
+
* (e.g. `xl: '2500px'`) and custom keys (e.g. `xxl: '3000px'`) are respected.
|
|
9
7
|
*
|
|
10
8
|
* @example
|
|
11
9
|
* ```tsx
|
|
12
10
|
* const columns = useResponsive({ base: 1, sm: 2, md: 3, lg: 4 });
|
|
13
|
-
* // Returns 1 on mobile, 2 on sm, 3 on md, 4 on lg+
|
|
14
|
-
*
|
|
15
|
-
* const size = useResponsive('md');
|
|
16
|
-
* // Returns 'md' always (non-responsive)
|
|
17
11
|
* ```
|
|
18
12
|
*/
|
|
19
13
|
export declare function useResponsive<T>(prop: ResponsiveProp<T>): T;
|
|
20
14
|
/**
|
|
21
15
|
* useResponsiveProps - Resolves multiple responsive props at once
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* ```tsx
|
|
25
|
-
* const { columns, gap, size } = useResponsiveProps({
|
|
26
|
-
* columns: { base: 1, md: 2, lg: 4 },
|
|
27
|
-
* gap: { base: 2, md: 4 },
|
|
28
|
-
* size: 'md', // non-responsive value
|
|
29
|
-
* });
|
|
30
|
-
* ```
|
|
31
16
|
*/
|
|
32
17
|
export declare function useResponsiveProps<T extends Record<string, ResponsiveProp<unknown>>>(props: T): {
|
|
33
18
|
[K in keyof T]: T[K] extends ResponsiveProp<infer V> ? V : T[K];
|