@bitrise/bitkit-v2 0.3.225 → 0.3.226
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/hooks/index.d.ts +1 -0
- package/dist/hooks/useResponsive.d.ts +15 -0
- package/dist/hooks/useResponsive.js +46 -0
- package/dist/hooks/useResponsive.js.map +1 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +2 -1
- package/dist/providers/BitkitProvider.js +3 -2
- package/dist/providers/BitkitProvider.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ResponsiveProvider, type ResponsiveState, default as useResponsive } from './useResponsive';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface ResponsiveState {
|
|
3
|
+
isDesktop: boolean;
|
|
4
|
+
isMobile: boolean;
|
|
5
|
+
isTablet: boolean;
|
|
6
|
+
isWideDesktop: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const ResponsiveProvider: {
|
|
9
|
+
({ children }: {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
declare const useResponsive: () => ResponsiveState;
|
|
15
|
+
export default useResponsive;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import breakpoints from "../theme/breakpoints.js";
|
|
3
|
+
import { createContext, useContext, useMemo } from "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { useMediaQuery } from "@chakra-ui/react/hooks";
|
|
6
|
+
//#region lib/hooks/useResponsive.tsx
|
|
7
|
+
var mediaQueries = [
|
|
8
|
+
`(min-width: ${breakpoints.base})`,
|
|
9
|
+
`(min-width: ${breakpoints.tablet})`,
|
|
10
|
+
`(min-width: ${breakpoints.desktop})`,
|
|
11
|
+
`(min-width: ${breakpoints.wideDesktop})`
|
|
12
|
+
];
|
|
13
|
+
var defaultState = {
|
|
14
|
+
isDesktop: false,
|
|
15
|
+
isMobile: false,
|
|
16
|
+
isTablet: false,
|
|
17
|
+
isWideDesktop: false
|
|
18
|
+
};
|
|
19
|
+
var ResponsiveContext = createContext(defaultState);
|
|
20
|
+
var ResponsiveProvider = ({ children }) => {
|
|
21
|
+
const [measured, aboveTablet, aboveDesktop, aboveWideDesktop] = useMediaQuery(mediaQueries);
|
|
22
|
+
const value = useMemo(() => {
|
|
23
|
+
if (!measured) return defaultState;
|
|
24
|
+
return {
|
|
25
|
+
isDesktop: aboveDesktop && !aboveWideDesktop,
|
|
26
|
+
isMobile: !aboveTablet,
|
|
27
|
+
isTablet: aboveTablet && !aboveDesktop,
|
|
28
|
+
isWideDesktop: aboveWideDesktop
|
|
29
|
+
};
|
|
30
|
+
}, [
|
|
31
|
+
measured,
|
|
32
|
+
aboveTablet,
|
|
33
|
+
aboveDesktop,
|
|
34
|
+
aboveWideDesktop
|
|
35
|
+
]);
|
|
36
|
+
return /* @__PURE__ */ jsx(ResponsiveContext.Provider, {
|
|
37
|
+
value,
|
|
38
|
+
children
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
ResponsiveProvider.displayName = "ResponsiveProvider";
|
|
42
|
+
var useResponsive = () => useContext(ResponsiveContext);
|
|
43
|
+
//#endregion
|
|
44
|
+
export { ResponsiveProvider, useResponsive as default };
|
|
45
|
+
|
|
46
|
+
//# sourceMappingURL=useResponsive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useResponsive.js","names":[],"sources":["../../lib/hooks/useResponsive.tsx"],"sourcesContent":["'use client';\n\nimport { useMediaQuery } from '@chakra-ui/react/hooks';\nimport { createContext, type ReactNode, useContext, useMemo } from 'react';\n\nimport breakpoints from '../theme/breakpoints';\n\nexport interface ResponsiveState {\n isDesktop: boolean;\n isMobile: boolean;\n isTablet: boolean;\n isWideDesktop: boolean;\n}\n\n// Tiers are expressed with rem min-widths only — the same unit as the theme\n// breakpoints — then combined into mutually exclusive flags. Pairing a rem\n// min-width with a px max-width would drift apart when the browser's default\n// font size isn't 16px (rem media queries scale with it), leaving gaps. Pure\n// min-width comparisons keep the ranges gap-free at any font size, so exactly\n// one flag is true at any width.\n//\n// The leading `min-width: 0rem` query always matches once evaluated on the\n// client, so it doubles as a \"measured\" sentinel (false during SSR/first paint).\nconst mediaQueries = [\n `(min-width: ${breakpoints.base})`,\n `(min-width: ${breakpoints.tablet})`,\n `(min-width: ${breakpoints.desktop})`,\n `(min-width: ${breakpoints.wideDesktop})`,\n];\n\nconst defaultState: ResponsiveState = {\n isDesktop: false,\n isMobile: false,\n isTablet: false,\n isWideDesktop: false,\n};\n\nconst ResponsiveContext = createContext<ResponsiveState>(defaultState);\n\nexport const ResponsiveProvider = ({ children }: { children: ReactNode }) => {\n const [measured, aboveTablet, aboveDesktop, aboveWideDesktop] = useMediaQuery(mediaQueries);\n\n const value = useMemo<ResponsiveState>(() => {\n // `measured` is false during SSR/first render and true once the queries are\n // evaluated client-side. Until then report all flags false (matching v1) so\n // SSR/first paint stays on the desktop branch of the common\n // `isMobile ? … : …` pattern — our desktop-majority audience never flashes\n // the mobile layout before hydration.\n if (!measured) return defaultState;\n return {\n isDesktop: aboveDesktop && !aboveWideDesktop,\n isMobile: !aboveTablet,\n isTablet: aboveTablet && !aboveDesktop,\n isWideDesktop: aboveWideDesktop,\n };\n }, [measured, aboveTablet, aboveDesktop, aboveWideDesktop]);\n\n return <ResponsiveContext.Provider value={value}>{children}</ResponsiveContext.Provider>;\n};\n\nResponsiveProvider.displayName = 'ResponsiveProvider';\n\nconst useResponsive = (): ResponsiveState => useContext(ResponsiveContext);\n\nexport default useResponsive;\n"],"mappings":";;;;;;AAuBA,IAAM,eAAe;CACnB,eAAe,YAAY,KAAK;CAChC,eAAe,YAAY,OAAO;CAClC,eAAe,YAAY,QAAQ;CACnC,eAAe,YAAY,YAAY;AACzC;AAEA,IAAM,eAAgC;CACpC,WAAW;CACX,UAAU;CACV,UAAU;CACV,eAAe;AACjB;AAEA,IAAM,oBAAoB,cAA+B,YAAY;AAErE,IAAa,sBAAsB,EAAE,eAAwC;CAC3E,MAAM,CAAC,UAAU,aAAa,cAAc,oBAAoB,cAAc,YAAY;CAE1F,MAAM,QAAQ,cAA+B;EAM3C,IAAI,CAAC,UAAU,OAAO;EACtB,OAAO;GACL,WAAW,gBAAgB,CAAC;GAC5B,UAAU,CAAC;GACX,UAAU,eAAe,CAAC;GAC1B,eAAe;EACjB;CACF,GAAG;EAAC;EAAU;EAAa;EAAc;CAAgB,CAAC;CAE1D,OAAO,oBAAC,kBAAkB,UAAnB;EAAmC;EAAQ;CAAqC,CAAA;AACzF;AAEA,mBAAmB,cAAc;AAEjC,IAAM,sBAAuC,WAAW,iBAAiB"}
|
package/dist/main.d.ts
CHANGED
package/dist/main.js
CHANGED
|
@@ -361,6 +361,7 @@ import BitkitTextInput from "./components/BitkitTextInput/BitkitTextInput.js";
|
|
|
361
361
|
import createBitkitToast from "./components/BitkitToast/BitkitToast.js";
|
|
362
362
|
import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
|
|
363
363
|
import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
|
|
364
|
+
import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
|
|
364
365
|
import bitkitTheme from "./theme/index.js";
|
|
365
366
|
import Provider from "./providers/BitkitProvider.js";
|
|
366
|
-
export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };
|
|
367
|
+
export { BitkitAccordion, BitkitActionBar, BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogHeader, BitkitDialogRoot, BitkitDialogStep, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExpandableRow, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSidebar_default as BitkitSidebar, BitkitSortableColumnHeader, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitSwitch, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitTooltip, BitkitTreeView, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, useResponsive };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { ResponsiveProvider } from "../hooks/useResponsive.js";
|
|
2
3
|
import BitkitToaster from "../components/BitkitToast/BitkitToaster.js";
|
|
3
4
|
import bitkitTheme from "../theme/index.js";
|
|
4
5
|
import { ChakraProvider } from "@chakra-ui/react/styled-system";
|
|
@@ -8,10 +9,10 @@ import "@fontsource-variable/source-code-pro/index.css";
|
|
|
8
9
|
//#region lib/providers/BitkitProvider.tsx
|
|
9
10
|
var Provider = (props) => {
|
|
10
11
|
const { children, ...rest } = props;
|
|
11
|
-
return /* @__PURE__ */
|
|
12
|
+
return /* @__PURE__ */ jsx(ChakraProvider, {
|
|
12
13
|
...rest,
|
|
13
14
|
value: bitkitTheme,
|
|
14
|
-
children: [children, /* @__PURE__ */ jsx(BitkitToaster, {})]
|
|
15
|
+
children: /* @__PURE__ */ jsxs(ResponsiveProvider, { children: [children, /* @__PURE__ */ jsx(BitkitToaster, {})] })
|
|
15
16
|
});
|
|
16
17
|
};
|
|
17
18
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitProvider.js","names":[],"sources":["../../lib/providers/BitkitProvider.tsx"],"sourcesContent":["'use client';\n\nimport '@fontsource-variable/figtree/index.css';\nimport '@fontsource-variable/source-code-pro/index.css';\n\nimport { ChakraProvider, type ChakraProviderProps } from '@chakra-ui/react/styled-system';\n\nimport BitkitToaster from '../components/BitkitToast/BitkitToaster';\nimport bitkitTheme from '../theme';\n\nconst Provider = (props: Omit<ChakraProviderProps, 'value'>) => {\n const { children, ...rest } = props;\n return (\n <ChakraProvider {...rest} value={bitkitTheme}>\n {children}\n
|
|
1
|
+
{"version":3,"file":"BitkitProvider.js","names":[],"sources":["../../lib/providers/BitkitProvider.tsx"],"sourcesContent":["'use client';\n\nimport '@fontsource-variable/figtree/index.css';\nimport '@fontsource-variable/source-code-pro/index.css';\n\nimport { ChakraProvider, type ChakraProviderProps } from '@chakra-ui/react/styled-system';\n\nimport BitkitToaster from '../components/BitkitToast/BitkitToaster';\nimport { ResponsiveProvider } from '../hooks';\nimport bitkitTheme from '../theme';\n\nconst Provider = (props: Omit<ChakraProviderProps, 'value'>) => {\n const { children, ...rest } = props;\n return (\n <ChakraProvider {...rest} value={bitkitTheme}>\n <ResponsiveProvider>\n {children}\n <BitkitToaster />\n </ResponsiveProvider>\n </ChakraProvider>\n );\n};\n\nexport default Provider;\n"],"mappings":";;;;;;;;;AAWA,IAAM,YAAY,UAA8C;CAC9D,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,OACE,oBAAC,gBAAD;EAAgB,GAAI;EAAM,OAAO;YAC/B,qBAAC,oBAAD,EAAA,UAAA,CACG,UACD,oBAAC,eAAD,CAAgB,CAAA,CACE,EAAA,CAAA;CACN,CAAA;AAEpB"}
|