@pixpilot/shadcn-ui 0.27.0 → 0.28.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/ColorSelect.d.ts +2 -2
- package/dist/ContentCard.d.ts +2 -2
- package/dist/DatePicker.d.ts +2 -2
- package/dist/index.cjs +0 -2
- package/dist/index.d.cts +1 -2
- package/dist/index.d.ts +1 -2
- package/dist/index.js +1 -2
- package/dist/theme-toggle/ThemeModeDropdown.d.ts +2 -2
- package/dist/theme-toggle/ThemeModeSwitchInside.d.ts +2 -2
- package/dist/theme-toggle/ThemeModeSwitchOutside.d.ts +2 -2
- package/dist/theme-toggle/ThemeModeToggleButton.d.cts +2 -2
- package/dist/theme-toggle/ThemeModeToggleButton.d.ts +2 -2
- package/dist/theme-toggle/index.cjs +0 -1
- package/dist/theme-toggle/index.d.cts +1 -2
- package/dist/theme-toggle/index.d.ts +1 -2
- package/dist/theme-toggle/index.js +0 -1
- package/package.json +1 -1
- package/dist/theme-toggle/ThemeToggle.cjs +0 -88
- package/dist/theme-toggle/ThemeToggle.d.cts +0 -17
- package/dist/theme-toggle/ThemeToggle.d.ts +0 -17
- package/dist/theme-toggle/ThemeToggle.js +0 -85
package/dist/ColorSelect.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Select, SelectContent } from "@pixpilot/shadcn";
|
|
2
2
|
import React, { ComponentProps } from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/ColorSelect.d.ts
|
|
6
6
|
interface ColorSelectOption {
|
|
@@ -15,6 +15,6 @@ type BaseColorSelectProps = {
|
|
|
15
15
|
placeholder?: string;
|
|
16
16
|
keyboardMode?: 'cycle' | 'dropdown';
|
|
17
17
|
} & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
|
|
18
|
-
declare function ColorSelect(props: BaseColorSelectProps):
|
|
18
|
+
declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime1.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { BaseColorSelectProps, ColorSelect, ColorSelectOption };
|
package/dist/ContentCard.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Card } from "@pixpilot/shadcn";
|
|
2
2
|
import React, { ReactNode } from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime2 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/ContentCard.d.ts
|
|
6
6
|
interface SectionCardProps extends React.ComponentProps<typeof Card> {
|
|
@@ -8,7 +8,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
|
|
|
8
8
|
children: ReactNode;
|
|
9
9
|
marginBottom?: boolean;
|
|
10
10
|
}
|
|
11
|
-
declare function ContentCard(props: SectionCardProps):
|
|
11
|
+
declare function ContentCard(props: SectionCardProps): react_jsx_runtime2.JSX.Element;
|
|
12
12
|
declare namespace ContentCard {
|
|
13
13
|
var displayName: string;
|
|
14
14
|
}
|
package/dist/DatePicker.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Calendar } from "@pixpilot/shadcn";
|
|
2
2
|
import { ComponentProps } from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/DatePicker.d.ts
|
|
6
6
|
type DatePickerProps = {
|
|
@@ -8,7 +8,7 @@ type DatePickerProps = {
|
|
|
8
8
|
onChange?: (date: Date | undefined) => void;
|
|
9
9
|
placeholder?: string;
|
|
10
10
|
} & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
|
|
11
|
-
declare function DatePicker(props: DatePickerProps):
|
|
11
|
+
declare function DatePicker(props: DatePickerProps): react_jsx_runtime3.JSX.Element;
|
|
12
12
|
declare namespace DatePicker {
|
|
13
13
|
var displayName: string;
|
|
14
14
|
}
|
package/dist/index.cjs
CHANGED
|
@@ -57,7 +57,6 @@ const require_ThemeModeDropdown = require('./theme-toggle/ThemeModeDropdown.cjs'
|
|
|
57
57
|
const require_ThemeModeSwitchInside = require('./theme-toggle/ThemeModeSwitchInside.cjs');
|
|
58
58
|
const require_ThemeModeSwitchOutside = require('./theme-toggle/ThemeModeSwitchOutside.cjs');
|
|
59
59
|
const require_ThemeModeToggleButton = require('./theme-toggle/ThemeModeToggleButton.cjs');
|
|
60
|
-
const require_ThemeToggle = require('./theme-toggle/ThemeToggle.cjs');
|
|
61
60
|
require('./theme-toggle/index.cjs');
|
|
62
61
|
const require_toast = require('./toast/toast.cjs');
|
|
63
62
|
require('./toast/index.cjs');
|
|
@@ -108,7 +107,6 @@ exports.ThemeModeSwitchInside = require_ThemeModeSwitchInside.ThemeModeSwitchIns
|
|
|
108
107
|
exports.ThemeModeSwitchOutside = require_ThemeModeSwitchOutside.ThemeModeSwitchOutside;
|
|
109
108
|
exports.ThemeModeToggleButton = require_ThemeModeToggleButton.ThemeModeToggleButton;
|
|
110
109
|
exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
|
|
111
|
-
exports.ThemeToggle = require_ThemeToggle.ThemeToggle;
|
|
112
110
|
exports.cn = __pixpilot_shadcn.cn;
|
|
113
111
|
exports.showConfirmDialog = require_confirmation_dialogs.showConfirmDialog;
|
|
114
112
|
exports.toast = require_toast.toast;
|
package/dist/index.d.cts
CHANGED
|
@@ -62,9 +62,8 @@ import { ThemeModeDropdown, ThemeModeDropdownProps } from "./theme-toggle/ThemeM
|
|
|
62
62
|
import { ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize } from "./theme-toggle/ThemeModeSwitchInside.cjs";
|
|
63
63
|
import { ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps } from "./theme-toggle/ThemeModeSwitchOutside.cjs";
|
|
64
64
|
import { ThemeModeToggleButton, ThemeModeToggleButtonProps } from "./theme-toggle/ThemeModeToggleButton.cjs";
|
|
65
|
-
import { ThemeToggle, ThemeToggleProps } from "./theme-toggle/ThemeToggle.cjs";
|
|
66
65
|
import "./theme-toggle/index.cjs";
|
|
67
66
|
import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.cjs";
|
|
68
67
|
import "./toast/index.cjs";
|
|
69
68
|
import { cn } from "@pixpilot/shadcn";
|
|
70
|
-
export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, PresetColor, RichTextEditor, RichTextEditorProps, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps,
|
|
69
|
+
export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, PresetColor, RichTextEditor, RichTextEditorProps, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -64,9 +64,8 @@ import { ThemeModeDropdown, ThemeModeDropdownProps } from "./theme-toggle/ThemeM
|
|
|
64
64
|
import { ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize } from "./theme-toggle/ThemeModeSwitchInside.js";
|
|
65
65
|
import { ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps } from "./theme-toggle/ThemeModeSwitchOutside.js";
|
|
66
66
|
import { ThemeModeToggleButton, ThemeModeToggleButtonProps } from "./theme-toggle/ThemeModeToggleButton.js";
|
|
67
|
-
import { ThemeToggle, ThemeToggleProps } from "./theme-toggle/ThemeToggle.js";
|
|
68
67
|
import "./theme-toggle/index.js";
|
|
69
68
|
import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
|
|
70
69
|
import "./toast/index.js";
|
|
71
70
|
import { cn } from "@pixpilot/shadcn";
|
|
72
|
-
export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, PresetColor, RichTextEditor, RichTextEditorProps, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps,
|
|
71
|
+
export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, PresetColor, RichTextEditor, RichTextEditorProps, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
|
package/dist/index.js
CHANGED
|
@@ -58,10 +58,9 @@ import { ThemeModeDropdown } from "./theme-toggle/ThemeModeDropdown.js";
|
|
|
58
58
|
import { ThemeModeSwitchInside } from "./theme-toggle/ThemeModeSwitchInside.js";
|
|
59
59
|
import { ThemeModeSwitchOutside } from "./theme-toggle/ThemeModeSwitchOutside.js";
|
|
60
60
|
import { ThemeModeToggleButton } from "./theme-toggle/ThemeModeToggleButton.js";
|
|
61
|
-
import { ThemeToggle } from "./theme-toggle/ThemeToggle.js";
|
|
62
61
|
import "./theme-toggle/index.js";
|
|
63
62
|
import { DEFAULT_ALERT_DURATION, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
|
|
64
63
|
import "./toast/index.js";
|
|
65
64
|
import { cn } from "@pixpilot/shadcn";
|
|
66
65
|
|
|
67
|
-
export { AbsoluteFill, Alert, AvatarUpload, Button, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, ColorPicker, ColorPickerBase, ColorSelect, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, FileUpload, FileUploadInline, IconPicker, Input, Layout, LayoutFooter, LayoutHeader, LayoutMain, LoadingOverlay, Pagination, RichTextEditor, ScaledPreview, Select, Slider, SliderInput, SliderSelect, Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, TagsInput, ThemeModeDropdown, ThemeModeSwitchInside, ThemeModeSwitchOutside, ThemeModeToggleButton, ThemeProvider,
|
|
66
|
+
export { AbsoluteFill, Alert, AvatarUpload, Button, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, ColorPicker, ColorPickerBase, ColorSelect, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, FileUpload, FileUploadInline, IconPicker, Input, Layout, LayoutFooter, LayoutHeader, LayoutMain, LoadingOverlay, Pagination, RichTextEditor, ScaledPreview, Select, Slider, SliderInput, SliderSelect, Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, TagsInput, ThemeModeDropdown, ThemeModeSwitchInside, ThemeModeSwitchOutside, ThemeModeToggleButton, ThemeProvider, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime10 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/theme-toggle/ThemeModeDropdown.d.ts
|
|
4
4
|
interface ThemeModeDropdownProps {
|
|
@@ -17,7 +17,7 @@ interface ThemeModeDropdownProps {
|
|
|
17
17
|
* Provides Light / Dark / System options.
|
|
18
18
|
* Pure component - requires theme and setTheme props.
|
|
19
19
|
*/
|
|
20
|
-
declare function ThemeModeDropdown(props: ThemeModeDropdownProps):
|
|
20
|
+
declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime10.JSX.Element;
|
|
21
21
|
declare namespace ThemeModeDropdown {
|
|
22
22
|
var displayName: string;
|
|
23
23
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime11 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/theme-toggle/ThemeModeSwitchInside.d.ts
|
|
4
4
|
type ThemeModeSwitchInsideSize = 'sm' | 'md' | 'lg';
|
|
@@ -25,7 +25,7 @@ interface ThemeModeSwitchInsideProps {
|
|
|
25
25
|
* Icons are embedded within the switch control.
|
|
26
26
|
* Pure component - requires resolvedTheme and setTheme props.
|
|
27
27
|
*/
|
|
28
|
-
declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps):
|
|
28
|
+
declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime11.JSX.Element;
|
|
29
29
|
declare namespace ThemeModeSwitchInside {
|
|
30
30
|
var displayName: string;
|
|
31
31
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime12 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/theme-toggle/ThemeModeSwitchOutside.d.ts
|
|
4
4
|
interface ThemeModeSwitchOutsideProps {
|
|
@@ -22,7 +22,7 @@ interface ThemeModeSwitchOutsideProps {
|
|
|
22
22
|
* Icons flank the switch control on either side.
|
|
23
23
|
* Pure component - requires resolvedTheme and setTheme props.
|
|
24
24
|
*/
|
|
25
|
-
declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps):
|
|
25
|
+
declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime12.JSX.Element;
|
|
26
26
|
declare namespace ThemeModeSwitchOutside {
|
|
27
27
|
var displayName: string;
|
|
28
28
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/theme-toggle/ThemeModeToggleButton.d.ts
|
|
4
4
|
interface ThemeModeToggleButtonProps {
|
|
@@ -13,7 +13,7 @@ interface ThemeModeToggleButtonProps {
|
|
|
13
13
|
* Light/Dark toggle button.
|
|
14
14
|
* Pure component - toggles between light and dark.
|
|
15
15
|
*/
|
|
16
|
-
declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps):
|
|
16
|
+
declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime9.JSX.Element;
|
|
17
17
|
declare namespace ThemeModeToggleButton {
|
|
18
18
|
var displayName: string;
|
|
19
19
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/theme-toggle/ThemeModeToggleButton.d.ts
|
|
4
4
|
interface ThemeModeToggleButtonProps {
|
|
@@ -13,7 +13,7 @@ interface ThemeModeToggleButtonProps {
|
|
|
13
13
|
* Light/Dark toggle button.
|
|
14
14
|
* Pure component - toggles between light and dark.
|
|
15
15
|
*/
|
|
16
|
-
declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps):
|
|
16
|
+
declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime9.JSX.Element;
|
|
17
17
|
declare namespace ThemeModeToggleButton {
|
|
18
18
|
var displayName: string;
|
|
19
19
|
}
|
|
@@ -2,4 +2,3 @@ const require_ThemeModeDropdown = require('./ThemeModeDropdown.cjs');
|
|
|
2
2
|
const require_ThemeModeSwitchInside = require('./ThemeModeSwitchInside.cjs');
|
|
3
3
|
const require_ThemeModeSwitchOutside = require('./ThemeModeSwitchOutside.cjs');
|
|
4
4
|
const require_ThemeModeToggleButton = require('./ThemeModeToggleButton.cjs');
|
|
5
|
-
const require_ThemeToggle = require('./ThemeToggle.cjs');
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ThemeModeDropdown, ThemeModeDropdownProps } from "./ThemeModeDropdown.cjs";
|
|
2
2
|
import { ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize } from "./ThemeModeSwitchInside.cjs";
|
|
3
3
|
import { ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps } from "./ThemeModeSwitchOutside.cjs";
|
|
4
|
-
import { ThemeModeToggleButton, ThemeModeToggleButtonProps } from "./ThemeModeToggleButton.cjs";
|
|
5
|
-
import { ThemeToggle, ThemeToggleProps } from "./ThemeToggle.cjs";
|
|
4
|
+
import { ThemeModeToggleButton, ThemeModeToggleButtonProps } from "./ThemeModeToggleButton.cjs";
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ThemeModeDropdown, ThemeModeDropdownProps } from "./ThemeModeDropdown.js";
|
|
2
2
|
import { ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize } from "./ThemeModeSwitchInside.js";
|
|
3
3
|
import { ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps } from "./ThemeModeSwitchOutside.js";
|
|
4
|
-
import { ThemeModeToggleButton, ThemeModeToggleButtonProps } from "./ThemeModeToggleButton.js";
|
|
5
|
-
import { ThemeToggle, ThemeToggleProps } from "./ThemeToggle.js";
|
|
4
|
+
import { ThemeModeToggleButton, ThemeModeToggleButtonProps } from "./ThemeModeToggleButton.js";
|
|
@@ -2,4 +2,3 @@ import { ThemeModeDropdown } from "./ThemeModeDropdown.js";
|
|
|
2
2
|
import { ThemeModeSwitchInside } from "./ThemeModeSwitchInside.js";
|
|
3
3
|
import { ThemeModeSwitchOutside } from "./ThemeModeSwitchOutside.js";
|
|
4
4
|
import { ThemeModeToggleButton } from "./ThemeModeToggleButton.js";
|
|
5
|
-
import { ThemeToggle } from "./ThemeToggle.js";
|
package/package.json
CHANGED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
|
|
5
|
-
let react = require("react");
|
|
6
|
-
react = require_rolldown_runtime.__toESM(react);
|
|
7
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
8
|
-
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
|
|
9
|
-
|
|
10
|
-
//#region src/theme-toggle/ThemeToggle.tsx
|
|
11
|
-
function SunIcon() {
|
|
12
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
13
|
-
className: "h-5 w-5",
|
|
14
|
-
fill: "none",
|
|
15
|
-
stroke: "currentColor",
|
|
16
|
-
viewBox: "0 0 24 24",
|
|
17
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
18
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
19
|
-
strokeLinecap: "round",
|
|
20
|
-
strokeLinejoin: "round",
|
|
21
|
-
strokeWidth: 2,
|
|
22
|
-
d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
|
|
23
|
-
})
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
function MoonIcon() {
|
|
27
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
28
|
-
className: "h-5 w-5",
|
|
29
|
-
fill: "none",
|
|
30
|
-
stroke: "currentColor",
|
|
31
|
-
viewBox: "0 0 24 24",
|
|
32
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
34
|
-
strokeLinecap: "round",
|
|
35
|
-
strokeLinejoin: "round",
|
|
36
|
-
strokeWidth: 2,
|
|
37
|
-
d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
|
|
38
|
-
})
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
function SystemIcon() {
|
|
42
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
|
|
43
|
-
className: "h-5 w-5",
|
|
44
|
-
fill: "none",
|
|
45
|
-
stroke: "currentColor",
|
|
46
|
-
viewBox: "0 0 24 24",
|
|
47
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
48
|
-
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
49
|
-
strokeLinecap: "round",
|
|
50
|
-
strokeLinejoin: "round",
|
|
51
|
-
strokeWidth: 2,
|
|
52
|
-
d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
|
|
53
|
-
})
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* Theme toggle button that cycles through light -> dark -> system.
|
|
58
|
-
* Pure component - requires theme and setTheme props.
|
|
59
|
-
*/
|
|
60
|
-
function ThemeToggle(props) {
|
|
61
|
-
const { theme, setTheme, disabled } = props;
|
|
62
|
-
const toggleTheme = () => {
|
|
63
|
-
if (theme === "light") setTheme?.("dark");
|
|
64
|
-
else if (theme === "dark") setTheme?.("system");
|
|
65
|
-
else setTheme?.("light");
|
|
66
|
-
};
|
|
67
|
-
const getIcon = () => {
|
|
68
|
-
if (theme === "light") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoonIcon, {});
|
|
69
|
-
if (theme === "dark") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SystemIcon, {});
|
|
70
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SunIcon, {});
|
|
71
|
-
};
|
|
72
|
-
const getTitle = () => {
|
|
73
|
-
if (theme === "light") return "Switch to Dark mode";
|
|
74
|
-
if (theme === "dark") return "Switch to System mode";
|
|
75
|
-
return "Switch to Light mode";
|
|
76
|
-
};
|
|
77
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
78
|
-
onClick: toggleTheme,
|
|
79
|
-
className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-900 transition-colors hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-800 disabled:cursor-not-allowed disabled:opacity-50",
|
|
80
|
-
title: getTitle(),
|
|
81
|
-
type: "button",
|
|
82
|
-
disabled,
|
|
83
|
-
children: getIcon()
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
//#endregion
|
|
88
|
-
exports.ThemeToggle = ThemeToggle;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/theme-toggle/ThemeToggle.d.ts
|
|
4
|
-
interface ThemeToggleProps {
|
|
5
|
-
/** Current theme value ("light" | "dark" | "system") */
|
|
6
|
-
theme?: string;
|
|
7
|
-
/** Function to change the theme */
|
|
8
|
-
setTheme?: (theme: string) => void;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Theme toggle button that cycles through light -> dark -> system.
|
|
13
|
-
* Pure component - requires theme and setTheme props.
|
|
14
|
-
*/
|
|
15
|
-
declare function ThemeToggle(props: ThemeToggleProps): react_jsx_runtime9.JSX.Element;
|
|
16
|
-
//#endregion
|
|
17
|
-
export { ThemeToggle, ThemeToggleProps };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
//#region src/theme-toggle/ThemeToggle.d.ts
|
|
4
|
-
interface ThemeToggleProps {
|
|
5
|
-
/** Current theme value ("light" | "dark" | "system") */
|
|
6
|
-
theme?: string;
|
|
7
|
-
/** Function to change the theme */
|
|
8
|
-
setTheme?: (theme: string) => void;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* Theme toggle button that cycles through light -> dark -> system.
|
|
13
|
-
* Pure component - requires theme and setTheme props.
|
|
14
|
-
*/
|
|
15
|
-
declare function ThemeToggle(props: ThemeToggleProps): react_jsx_runtime13.JSX.Element;
|
|
16
|
-
//#endregion
|
|
17
|
-
export { ThemeToggle, ThemeToggleProps };
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
|
|
7
|
-
//#region src/theme-toggle/ThemeToggle.tsx
|
|
8
|
-
function SunIcon() {
|
|
9
|
-
return /* @__PURE__ */ jsx("svg", {
|
|
10
|
-
className: "h-5 w-5",
|
|
11
|
-
fill: "none",
|
|
12
|
-
stroke: "currentColor",
|
|
13
|
-
viewBox: "0 0 24 24",
|
|
14
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
16
|
-
strokeLinecap: "round",
|
|
17
|
-
strokeLinejoin: "round",
|
|
18
|
-
strokeWidth: 2,
|
|
19
|
-
d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
|
|
20
|
-
})
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
function MoonIcon() {
|
|
24
|
-
return /* @__PURE__ */ jsx("svg", {
|
|
25
|
-
className: "h-5 w-5",
|
|
26
|
-
fill: "none",
|
|
27
|
-
stroke: "currentColor",
|
|
28
|
-
viewBox: "0 0 24 24",
|
|
29
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
30
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
31
|
-
strokeLinecap: "round",
|
|
32
|
-
strokeLinejoin: "round",
|
|
33
|
-
strokeWidth: 2,
|
|
34
|
-
d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
|
|
35
|
-
})
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
function SystemIcon() {
|
|
39
|
-
return /* @__PURE__ */ jsx("svg", {
|
|
40
|
-
className: "h-5 w-5",
|
|
41
|
-
fill: "none",
|
|
42
|
-
stroke: "currentColor",
|
|
43
|
-
viewBox: "0 0 24 24",
|
|
44
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
-
children: /* @__PURE__ */ jsx("path", {
|
|
46
|
-
strokeLinecap: "round",
|
|
47
|
-
strokeLinejoin: "round",
|
|
48
|
-
strokeWidth: 2,
|
|
49
|
-
d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
|
|
50
|
-
})
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* Theme toggle button that cycles through light -> dark -> system.
|
|
55
|
-
* Pure component - requires theme and setTheme props.
|
|
56
|
-
*/
|
|
57
|
-
function ThemeToggle(props) {
|
|
58
|
-
const { theme, setTheme, disabled } = props;
|
|
59
|
-
const toggleTheme = () => {
|
|
60
|
-
if (theme === "light") setTheme?.("dark");
|
|
61
|
-
else if (theme === "dark") setTheme?.("system");
|
|
62
|
-
else setTheme?.("light");
|
|
63
|
-
};
|
|
64
|
-
const getIcon = () => {
|
|
65
|
-
if (theme === "light") return /* @__PURE__ */ jsx(MoonIcon, {});
|
|
66
|
-
if (theme === "dark") return /* @__PURE__ */ jsx(SystemIcon, {});
|
|
67
|
-
return /* @__PURE__ */ jsx(SunIcon, {});
|
|
68
|
-
};
|
|
69
|
-
const getTitle = () => {
|
|
70
|
-
if (theme === "light") return "Switch to Dark mode";
|
|
71
|
-
if (theme === "dark") return "Switch to System mode";
|
|
72
|
-
return "Switch to Light mode";
|
|
73
|
-
};
|
|
74
|
-
return /* @__PURE__ */ jsx("button", {
|
|
75
|
-
onClick: toggleTheme,
|
|
76
|
-
className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-900 transition-colors hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-800 disabled:cursor-not-allowed disabled:opacity-50",
|
|
77
|
-
title: getTitle(),
|
|
78
|
-
type: "button",
|
|
79
|
-
disabled,
|
|
80
|
-
children: getIcon()
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
//#endregion
|
|
85
|
-
export { ThemeToggle };
|