@pixpilot/shadcn-ui 0.9.0 → 0.10.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,4 +1,6 @@
1
1
  const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
2
+ let __pixpilot_shadcn = require("@pixpilot/shadcn");
3
+ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
2
4
  let react = require("react");
3
5
  react = require_rolldown_runtime.__toESM(react);
4
6
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -11,11 +13,11 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
11
13
  * This element is positioned absolutely over the button to capture events.
12
14
  */
13
15
  function AbsoluteFill(props) {
14
- const { ref,...rest } = props;
16
+ const { ref, className,...rest } = props;
15
17
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
16
18
  ref,
17
- className: "absolute top-0 right-0 bottom-0 left-0",
18
- ...rest
19
+ ...rest,
20
+ className: (0, __pixpilot_shadcn.cn)("absolute top-0 right-0 bottom-0 left-0", className)
19
21
  });
20
22
  }
21
23
  AbsoluteFill.displayName = "StretchedElement";
@@ -1,3 +1,4 @@
1
+ import { cn } from "@pixpilot/shadcn";
1
2
  import React from "react";
2
3
  import { jsx } from "react/jsx-runtime";
3
4
 
@@ -8,11 +9,11 @@ import { jsx } from "react/jsx-runtime";
8
9
  * This element is positioned absolutely over the button to capture events.
9
10
  */
10
11
  function AbsoluteFill(props) {
11
- const { ref,...rest } = props;
12
+ const { ref, className,...rest } = props;
12
13
  return /* @__PURE__ */ jsx("div", {
13
14
  ref,
14
- className: "absolute top-0 right-0 bottom-0 left-0",
15
- ...rest
15
+ ...rest,
16
+ className: cn("absolute top-0 right-0 bottom-0 left-0", className)
16
17
  });
17
18
  }
18
19
  AbsoluteFill.displayName = "StretchedElement";
package/dist/Button.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Button, Tooltip, buttonVariants } from "@pixpilot/shadcn";
2
2
  import React from "react";
3
- import * as react_jsx_runtime4 from "react/jsx-runtime";
3
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
4
4
  import { VariantProps } from "class-variance-authority";
5
5
 
6
6
  //#region src/Button.d.ts
@@ -39,7 +39,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
39
39
  }
40
40
  declare function Button$1(props: ButtonProps & {
41
41
  ref?: React.Ref<HTMLButtonElement>;
42
- }): react_jsx_runtime4.JSX.Element;
42
+ }): react_jsx_runtime0.JSX.Element;
43
43
  declare namespace Button$1 {
44
44
  var displayName: string;
45
45
  }
@@ -1,6 +1,6 @@
1
1
  import { Card } from "@pixpilot/shadcn";
2
2
  import React, { ReactNode } from "react";
3
- import * as react_jsx_runtime0 from "react/jsx-runtime";
3
+ import * as react_jsx_runtime1 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_runtime0.JSX.Element;
11
+ declare function ContentCard(props: SectionCardProps): react_jsx_runtime1.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_runtime2 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_runtime2.JSX.Element;
12
12
  declare namespace DatePicker {
13
13
  var displayName: string;
14
14
  }
package/dist/Select.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Select } from "@pixpilot/shadcn";
2
2
  import { ComponentProps } from "react";
3
- import * as react_jsx_runtime2 from "react/jsx-runtime";
3
+ import * as react_jsx_runtime3 from "react/jsx-runtime";
4
4
 
5
5
  //#region src/Select.d.ts
6
6
  interface SelectOption {
@@ -13,6 +13,6 @@ type BaseSelectProps = {
13
13
  onChange?: (value: string) => void;
14
14
  placeholder?: string;
15
15
  } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
16
- declare function Select$1(props: BaseSelectProps): react_jsx_runtime2.JSX.Element;
16
+ declare function Select$1(props: BaseSelectProps): react_jsx_runtime3.JSX.Element;
17
17
  //#endregion
18
18
  export { Select$1 as Select, SelectOption };
@@ -1,6 +1,6 @@
1
- import * as react_jsx_runtime4 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime5 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/ThemeToggle.d.ts
4
- declare function ThemeToggle(): react_jsx_runtime4.JSX.Element;
4
+ declare function ThemeToggle(): react_jsx_runtime5.JSX.Element;
5
5
  //#endregion
6
6
  export { ThemeToggle };
@@ -1,7 +1,7 @@
1
1
  import { FileUploadProps } from "./types/index.cjs";
2
- import * as react_jsx_runtime7 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime6 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/file-upload/FileUpload.d.ts
5
- declare function FileUpload(props: FileUploadProps): react_jsx_runtime7.JSX.Element;
5
+ declare function FileUpload(props: FileUploadProps): react_jsx_runtime6.JSX.Element;
6
6
  //#endregion
7
7
  export { FileUpload };
@@ -1,10 +1,10 @@
1
1
  import { FileUploadInlineProps } from "./types.cjs";
2
- import * as react_jsx_runtime6 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime7 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/file-upload-inline/FileUploadInline.d.ts
5
5
  /**
6
6
  * FileUploadInline - An inline file upload component using FileUpload primitives
7
7
  */
8
- declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime6.JSX.Element;
8
+ declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime7.JSX.Element;
9
9
  //#endregion
10
10
  export { FileUploadInline };
package/dist/index.cjs CHANGED
@@ -34,6 +34,9 @@ const require_RichTextEditor = require('./rich-text-editor/RichTextEditor.cjs');
34
34
  require('./rich-text-editor/index.cjs');
35
35
  const require_Select = require('./Select.cjs');
36
36
  const require_Slider = require('./Slider.cjs');
37
+ const require_TabsList = require('./tabs/TabsList.cjs');
38
+ const require_TabsTrigger = require('./tabs/TabsTrigger.cjs');
39
+ require('./tabs/index.cjs');
37
40
  const require_tags_input = require('./tags-input.cjs');
38
41
  const require_ThemeProvider = require('./theme-provider/ThemeProvider.cjs');
39
42
  require('./theme-provider/index.cjs');
@@ -69,6 +72,10 @@ exports.Pagination = require_Pagination.Pagination;
69
72
  exports.RichTextEditor = require_RichTextEditor.RichTextEditor;
70
73
  exports.Select = require_Select.Select;
71
74
  exports.Slider = require_Slider.Slider;
75
+ exports.Tabs = __pixpilot_shadcn.Tabs;
76
+ exports.TabsContent = __pixpilot_shadcn.TabsContent;
77
+ exports.TabsList = require_TabsList.TabsList;
78
+ exports.TabsTrigger = require_TabsTrigger.TabsTrigger;
72
79
  exports.TagsInput = require_tags_input.TagsInput;
73
80
  exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
74
81
  exports.ThemeToggle = require_ThemeToggle.ThemeToggle;
package/dist/index.d.cts CHANGED
@@ -36,6 +36,11 @@ import { RichTextEditor, RichTextEditorProps, ToolbarOption } from "./rich-text-
36
36
  import "./rich-text-editor/index.cjs";
37
37
  import { Select, SelectOption } from "./Select.cjs";
38
38
  import { Slider, SliderProps } from "./Slider.cjs";
39
+ import { Tabs } from "./tabs/Tabs.cjs";
40
+ import { TabsContent } from "./tabs/TabsContent.cjs";
41
+ import { TabsList, TabsListProps, TabsListVariant } from "./tabs/TabsList.cjs";
42
+ import { TabsTrigger, TabsTriggerProps } from "./tabs/TabsTrigger.cjs";
43
+ import "./tabs/index.cjs";
39
44
  import { TagsInput, TagsInputProps } from "./tags-input.cjs";
40
45
  import { ThemeProvider, ThemeProviderProps } from "./theme-provider/ThemeProvider.cjs";
41
46
  import { useTheme } from "./theme-provider/index.cjs";
@@ -43,4 +48,4 @@ import { ThemeToggle } from "./ThemeToggle.cjs";
43
48
  import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.cjs";
44
49
  import "./toast/index.cjs";
45
50
  import { cn } from "@pixpilot/shadcn";
46
- export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, 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, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
51
+ export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, 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, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, Tabs, TabsContent, TabsList, TabsListProps, TabsListVariant, TabsTrigger, TabsTriggerProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
package/dist/index.d.ts CHANGED
@@ -37,6 +37,11 @@ import { RichTextEditor, RichTextEditorProps, ToolbarOption } from "./rich-text-
37
37
  import "./rich-text-editor/index.js";
38
38
  import { Select, SelectOption } from "./Select.js";
39
39
  import { Slider, SliderProps } from "./Slider.js";
40
+ import { Tabs } from "./tabs/Tabs.js";
41
+ import { TabsContent } from "./tabs/TabsContent.js";
42
+ import { TabsList, TabsListProps, TabsListVariant } from "./tabs/TabsList.js";
43
+ import { TabsTrigger, TabsTriggerProps } from "./tabs/TabsTrigger.js";
44
+ import "./tabs/index.js";
40
45
  import { TagsInput, TagsInputProps } from "./tags-input.js";
41
46
  import { ThemeProvider, ThemeProviderProps } from "./theme-provider/ThemeProvider.js";
42
47
  import { useTheme } from "./theme-provider/index.js";
@@ -44,4 +49,4 @@ import { ThemeToggle } from "./ThemeToggle.js";
44
49
  import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
45
50
  import "./toast/index.js";
46
51
  import { cn } from "@pixpilot/shadcn";
47
- export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, 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, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
52
+ export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, 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, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, Tabs, TabsContent, TabsList, TabsListProps, TabsListVariant, TabsTrigger, TabsTriggerProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
package/dist/index.js CHANGED
@@ -33,6 +33,11 @@ import { RichTextEditor } from "./rich-text-editor/RichTextEditor.js";
33
33
  import "./rich-text-editor/index.js";
34
34
  import { Select } from "./Select.js";
35
35
  import { Slider } from "./Slider.js";
36
+ import { Tabs } from "./tabs/Tabs.js";
37
+ import { TabsContent } from "./tabs/TabsContent.js";
38
+ import { TabsList } from "./tabs/TabsList.js";
39
+ import { TabsTrigger } from "./tabs/TabsTrigger.js";
40
+ import "./tabs/index.js";
36
41
  import { TagsInput } from "./tags-input.js";
37
42
  import { ThemeProvider } from "./theme-provider/ThemeProvider.js";
38
43
  import { useTheme } from "./theme-provider/index.js";
@@ -41,4 +46,4 @@ import { DEFAULT_ALERT_DURATION, toast, toastError, toastInfo, toastSuccess, toa
41
46
  import "./toast/index.js";
42
47
  import { cn } from "@pixpilot/shadcn";
43
48
 
44
- export { AbsoluteFill, Alert, AvatarUpload, Button, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, FileUpload, FileUploadInline, IconPicker, Layout, LayoutFooter, LayoutHeader, LayoutMain, LoadingOverlay, Pagination, RichTextEditor, Select, Slider, TagsInput, ThemeProvider, ThemeToggle, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
49
+ export { AbsoluteFill, Alert, AvatarUpload, Button, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, FileUpload, FileUploadInline, IconPicker, Layout, LayoutFooter, LayoutHeader, LayoutMain, LoadingOverlay, Pagination, RichTextEditor, Select, Slider, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, ThemeProvider, ThemeToggle, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
@@ -0,0 +1,3 @@
1
+ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
2
+ let __pixpilot_shadcn = require("@pixpilot/shadcn");
3
+ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
@@ -0,0 +1,2 @@
1
+ import { Tabs } from "@pixpilot/shadcn";
2
+ export { Tabs };
@@ -0,0 +1,2 @@
1
+ import { Tabs as Tabs$1 } from "@pixpilot/shadcn";
2
+ export { Tabs$1 as Tabs };
@@ -0,0 +1,3 @@
1
+ import { Tabs as Tabs$1 } from "@pixpilot/shadcn";
2
+
3
+ export { Tabs$1 as Tabs };
@@ -0,0 +1,3 @@
1
+ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
2
+ let __pixpilot_shadcn = require("@pixpilot/shadcn");
3
+ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
@@ -0,0 +1,2 @@
1
+ import { TabsContent } from "@pixpilot/shadcn";
2
+ export { TabsContent };
@@ -0,0 +1,2 @@
1
+ import { TabsContent as TabsContent$1 } from "@pixpilot/shadcn";
2
+ export { TabsContent$1 as TabsContent };
@@ -0,0 +1,3 @@
1
+ import { TabsContent as TabsContent$1 } from "@pixpilot/shadcn";
2
+
3
+ export { TabsContent$1 as TabsContent };
@@ -0,0 +1,23 @@
1
+ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
2
+ let __pixpilot_shadcn = require("@pixpilot/shadcn");
3
+ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
4
+ let react = require("react");
5
+ react = require_rolldown_runtime.__toESM(react);
6
+ let react_jsx_runtime = require("react/jsx-runtime");
7
+ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
8
+
9
+ //#region src/tabs/TabsList.tsx
10
+ const TabsList = (props) => {
11
+ const { variant,...rest } = props;
12
+ if (variant === "underline") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TabsList, {
13
+ ...rest,
14
+ className: "bg-transparent p-0 h-auto rounded-none border-b border-border"
15
+ });
16
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TabsList, {
17
+ ...rest,
18
+ variant
19
+ });
20
+ };
21
+
22
+ //#endregion
23
+ exports.TabsList = TabsList;
@@ -0,0 +1,11 @@
1
+ import { TabsList } from "@pixpilot/shadcn";
2
+ import React from "react";
3
+
4
+ //#region src/tabs/TabsList.d.ts
5
+ type TabsListVariant = 'default' | 'underline' | 'outline' | 'ghost' | 'pill';
6
+ interface TabsListProps extends Omit<React.ComponentProps<typeof TabsList>, 'variant'> {
7
+ variant?: TabsListVariant;
8
+ }
9
+ declare const TabsList$1: React.FC<TabsListProps>;
10
+ //#endregion
11
+ export { TabsList$1 as TabsList, TabsListProps, TabsListVariant };
@@ -0,0 +1,11 @@
1
+ import { TabsList } from "@pixpilot/shadcn";
2
+ import React from "react";
3
+
4
+ //#region src/tabs/TabsList.d.ts
5
+ type TabsListVariant = 'default' | 'underline' | 'outline' | 'ghost' | 'pill';
6
+ interface TabsListProps extends Omit<React.ComponentProps<typeof TabsList>, 'variant'> {
7
+ variant?: TabsListVariant;
8
+ }
9
+ declare const TabsList$1: React.FC<TabsListProps>;
10
+ //#endregion
11
+ export { TabsList$1 as TabsList, TabsListProps, TabsListVariant };
@@ -0,0 +1,19 @@
1
+ import { TabsList } from "@pixpilot/shadcn";
2
+ import React from "react";
3
+ import { jsx } from "react/jsx-runtime";
4
+
5
+ //#region src/tabs/TabsList.tsx
6
+ const TabsList$1 = (props) => {
7
+ const { variant,...rest } = props;
8
+ if (variant === "underline") return /* @__PURE__ */ jsx(TabsList, {
9
+ ...rest,
10
+ className: "bg-transparent p-0 h-auto rounded-none border-b border-border"
11
+ });
12
+ return /* @__PURE__ */ jsx(TabsList, {
13
+ ...rest,
14
+ variant
15
+ });
16
+ };
17
+
18
+ //#endregion
19
+ export { TabsList$1 as TabsList };
@@ -0,0 +1,25 @@
1
+ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
2
+ let __pixpilot_shadcn = require("@pixpilot/shadcn");
3
+ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
4
+ let react = require("react");
5
+ react = require_rolldown_runtime.__toESM(react);
6
+ let react_jsx_runtime = require("react/jsx-runtime");
7
+ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
8
+
9
+ //#region src/tabs/TabsTrigger.tsx
10
+ const TabsTrigger = (props) => {
11
+ const { variant,...rest } = props;
12
+ const underlineClasses = (0, __pixpilot_shadcn.cn)("data-[state=active]:border-primary m-0 mb-[-1px] rounded-none border-0 border-b-2 bg-transparent py-2 px-3 shadow-none");
13
+ if (variant === "underline") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TabsTrigger, {
14
+ ...rest,
15
+ className: (0, __pixpilot_shadcn.cn)(underlineClasses, rest.className)
16
+ });
17
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TabsTrigger, {
18
+ ...rest,
19
+ variant
20
+ });
21
+ };
22
+ TabsTrigger.displayName = "TabsTrigger";
23
+
24
+ //#endregion
25
+ exports.TabsTrigger = TabsTrigger;
@@ -0,0 +1,10 @@
1
+ import { BaseTabsTriggerProps, TabsTriggerVariant } from "./types.cjs";
2
+ import React from "react";
3
+
4
+ //#region src/tabs/TabsTrigger.d.ts
5
+ interface TabsTriggerProps extends Omit<BaseTabsTriggerProps, 'variant'> {
6
+ variant?: TabsTriggerVariant;
7
+ }
8
+ declare const TabsTrigger: React.FC<TabsTriggerProps>;
9
+ //#endregion
10
+ export { TabsTrigger, TabsTriggerProps };
@@ -0,0 +1,10 @@
1
+ import { BaseTabsTriggerProps, TabsTriggerVariant } from "./types.js";
2
+ import React from "react";
3
+
4
+ //#region src/tabs/TabsTrigger.d.ts
5
+ interface TabsTriggerProps extends Omit<BaseTabsTriggerProps, 'variant'> {
6
+ variant?: TabsTriggerVariant;
7
+ }
8
+ declare const TabsTrigger: React.FC<TabsTriggerProps>;
9
+ //#endregion
10
+ export { TabsTrigger, TabsTriggerProps };
@@ -0,0 +1,21 @@
1
+ import { TabsTrigger, cn } from "@pixpilot/shadcn";
2
+ import React from "react";
3
+ import { jsx } from "react/jsx-runtime";
4
+
5
+ //#region src/tabs/TabsTrigger.tsx
6
+ const TabsTrigger$1 = (props) => {
7
+ const { variant,...rest } = props;
8
+ const underlineClasses = cn("data-[state=active]:border-primary m-0 mb-[-1px] rounded-none border-0 border-b-2 bg-transparent py-2 px-3 shadow-none");
9
+ if (variant === "underline") return /* @__PURE__ */ jsx(TabsTrigger, {
10
+ ...rest,
11
+ className: cn(underlineClasses, rest.className)
12
+ });
13
+ return /* @__PURE__ */ jsx(TabsTrigger, {
14
+ ...rest,
15
+ variant
16
+ });
17
+ };
18
+ TabsTrigger$1.displayName = "TabsTrigger";
19
+
20
+ //#endregion
21
+ export { TabsTrigger$1 as TabsTrigger };
@@ -0,0 +1,7 @@
1
+ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
2
+ require('./Tabs.cjs');
3
+ require('./TabsContent.cjs');
4
+ const require_TabsList = require('./TabsList.cjs');
5
+ const require_TabsTrigger = require('./TabsTrigger.cjs');
6
+ let __pixpilot_shadcn = require("@pixpilot/shadcn");
7
+ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
@@ -0,0 +1,4 @@
1
+ import { Tabs } from "./Tabs.cjs";
2
+ import { TabsContent } from "./TabsContent.cjs";
3
+ import { TabsList, TabsListProps, TabsListVariant } from "./TabsList.cjs";
4
+ import { TabsTrigger, TabsTriggerProps } from "./TabsTrigger.cjs";
@@ -0,0 +1,4 @@
1
+ import { Tabs } from "./Tabs.js";
2
+ import { TabsContent } from "./TabsContent.js";
3
+ import { TabsList, TabsListProps, TabsListVariant } from "./TabsList.js";
4
+ import { TabsTrigger, TabsTriggerProps } from "./TabsTrigger.js";
@@ -0,0 +1,4 @@
1
+ import { Tabs } from "./Tabs.js";
2
+ import { TabsContent } from "./TabsContent.js";
3
+ import { TabsList } from "./TabsList.js";
4
+ import { TabsTrigger } from "./TabsTrigger.js";
@@ -0,0 +1,7 @@
1
+ import { TabsTrigger } from "@pixpilot/shadcn";
2
+
3
+ //#region src/tabs/types.d.ts
4
+ type BaseTabsTriggerProps = React.ComponentProps<typeof TabsTrigger>;
5
+ type TabsTriggerVariant = 'default' | 'underline' | BaseTabsTriggerProps['variant'];
6
+ //#endregion
7
+ export { BaseTabsTriggerProps, TabsTriggerVariant };
@@ -0,0 +1,7 @@
1
+ import { TabsTrigger } from "@pixpilot/shadcn";
2
+
3
+ //#region src/tabs/types.d.ts
4
+ type BaseTabsTriggerProps = React.ComponentProps<typeof TabsTrigger>;
5
+ type TabsTriggerVariant = 'default' | 'underline' | BaseTabsTriggerProps['variant'];
6
+ //#endregion
7
+ export { BaseTabsTriggerProps, TabsTriggerVariant };
@@ -1,5 +1,5 @@
1
1
  import { CommandOptionListItem } from "./CommandOptionList.cjs";
2
- import * as react_jsx_runtime5 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime4 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/tags-input.d.ts
5
5
  interface TagsInputProps {
@@ -55,6 +55,6 @@ declare function TagsInput({
55
55
  addOnPaste,
56
56
  addOnTab,
57
57
  onValidate
58
- }: TagsInputProps): react_jsx_runtime5.JSX.Element;
58
+ }: TagsInputProps): react_jsx_runtime4.JSX.Element;
59
59
  //#endregion
60
60
  export { TagsInput, TagsInputProps };
@@ -1,5 +1,5 @@
1
1
  import { CommandOptionListItem } from "./CommandOptionList.js";
2
- import * as react_jsx_runtime3 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime4 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/tags-input.d.ts
5
5
  interface TagsInputProps {
@@ -55,6 +55,6 @@ declare function TagsInput({
55
55
  addOnPaste,
56
56
  addOnTab,
57
57
  onValidate
58
- }: TagsInputProps): react_jsx_runtime3.JSX.Element;
58
+ }: TagsInputProps): react_jsx_runtime4.JSX.Element;
59
59
  //#endregion
60
60
  export { TagsInput, TagsInputProps };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pixpilot/shadcn-ui",
3
3
  "type": "module",
4
- "version": "0.9.0",
4
+ "version": "0.10.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",
@@ -44,7 +44,7 @@
44
44
  "pretty-bytes": "^7.1.0",
45
45
  "react-responsive": "^10.0.1",
46
46
  "sonner": "2.0.7",
47
- "@pixpilot/shadcn": "0.4.0"
47
+ "@pixpilot/shadcn": "0.5.0"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@storybook/react": "^8.6.14",