@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.
@@ -1,6 +1,6 @@
1
1
  import { Select, SelectContent } from "@pixpilot/shadcn";
2
2
  import React, { ComponentProps } from "react";
3
- import * as react_jsx_runtime2 from "react/jsx-runtime";
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): react_jsx_runtime2.JSX.Element;
18
+ declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime1.JSX.Element;
19
19
  //#endregion
20
20
  export { BaseColorSelectProps, ColorSelect, ColorSelectOption };
@@ -1,6 +1,6 @@
1
1
  import { Card } from "@pixpilot/shadcn";
2
2
  import React, { ReactNode } from "react";
3
- import * as react_jsx_runtime3 from "react/jsx-runtime";
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): react_jsx_runtime3.JSX.Element;
11
+ declare function ContentCard(props: SectionCardProps): react_jsx_runtime2.JSX.Element;
12
12
  declare namespace ContentCard {
13
13
  var displayName: string;
14
14
  }
@@ -1,6 +1,6 @@
1
1
  import { Calendar } from "@pixpilot/shadcn";
2
2
  import { ComponentProps } from "react";
3
- import * as react_jsx_runtime1 from "react/jsx-runtime";
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): react_jsx_runtime1.JSX.Element;
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, ThemeToggle, ThemeToggleProps, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
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, ThemeToggle, ThemeToggleProps, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
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, ThemeToggle, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
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 react_jsx_runtime9 from "react/jsx-runtime";
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): react_jsx_runtime9.JSX.Element;
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 react_jsx_runtime10 from "react/jsx-runtime";
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): react_jsx_runtime10.JSX.Element;
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 react_jsx_runtime11 from "react/jsx-runtime";
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): react_jsx_runtime11.JSX.Element;
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 react_jsx_runtime13 from "react/jsx-runtime";
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): react_jsx_runtime13.JSX.Element;
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 react_jsx_runtime12 from "react/jsx-runtime";
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): react_jsx_runtime12.JSX.Element;
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,7 +1,7 @@
1
1
  {
2
2
  "name": "@pixpilot/shadcn-ui",
3
3
  "type": "module",
4
- "version": "0.27.0",
4
+ "version": "0.28.0",
5
5
  "description": "Custom UI components and utilities built with shadcn/ui.",
6
6
  "author": "m.doaie <m.doaie@hotmail.com>",
7
7
  "license": "MIT",
@@ -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 };