@pixpilot/shadcn-ui 0.9.1 → 0.10.0

package/dist/index.cjs

@@ -34,6 +34,9 @@ const require_RichTextEditor = require('./rich-text-editor/RichTextEditor.cjs');
 require('./rich-text-editor/index.cjs');
 const require_Select = require('./Select.cjs');
 const require_Slider = require('./Slider.cjs');
+const require_TabsList = require('./tabs/TabsList.cjs');
+const require_TabsTrigger = require('./tabs/TabsTrigger.cjs');
+require('./tabs/index.cjs');
 const require_tags_input = require('./tags-input.cjs');
 const require_ThemeProvider = require('./theme-provider/ThemeProvider.cjs');
 require('./theme-provider/index.cjs');
@@ -69,6 +72,10 @@ exports.Pagination = require_Pagination.Pagination;
 exports.RichTextEditor = require_RichTextEditor.RichTextEditor;
 exports.Select = require_Select.Select;
 exports.Slider = require_Slider.Slider;
+exports.Tabs = __pixpilot_shadcn.Tabs;
+exports.TabsContent = __pixpilot_shadcn.TabsContent;
+exports.TabsList = require_TabsList.TabsList;
+exports.TabsTrigger = require_TabsTrigger.TabsTrigger;
 exports.TagsInput = require_tags_input.TagsInput;
 exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
 exports.ThemeToggle = require_ThemeToggle.ThemeToggle;

package/dist/index.d.cts

@@ -36,6 +36,11 @@ import { RichTextEditor, RichTextEditorProps, ToolbarOption } from "./rich-text-
 import "./rich-text-editor/index.cjs";
 import { Select, SelectOption } from "./Select.cjs";
 import { Slider, SliderProps } from "./Slider.cjs";
+import { Tabs } from "./tabs/Tabs.cjs";
+import { TabsContent } from "./tabs/TabsContent.cjs";
+import { TabsList, TabsListProps, TabsListVariant } from "./tabs/TabsList.cjs";
+import { TabsTrigger, TabsTriggerProps } from "./tabs/TabsTrigger.cjs";
+import "./tabs/index.cjs";
 import { TagsInput, TagsInputProps } from "./tags-input.cjs";
 import { ThemeProvider, ThemeProviderProps } from "./theme-provider/ThemeProvider.cjs";
 import { useTheme } from "./theme-provider/index.cjs";
@@ -43,4 +48,4 @@ import { ThemeToggle } from "./ThemeToggle.cjs";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.cjs";
 import "./toast/index.cjs";
 import { cn } from "@pixpilot/shadcn";
-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 };
+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

@@ -37,6 +37,11 @@ import { RichTextEditor, RichTextEditorProps, ToolbarOption } from "./rich-text-
 import "./rich-text-editor/index.js";
 import { Select, SelectOption } from "./Select.js";
 import { Slider, SliderProps } from "./Slider.js";
+import { Tabs } from "./tabs/Tabs.js";
+import { TabsContent } from "./tabs/TabsContent.js";
+import { TabsList, TabsListProps, TabsListVariant } from "./tabs/TabsList.js";
+import { TabsTrigger, TabsTriggerProps } from "./tabs/TabsTrigger.js";
+import "./tabs/index.js";
 import { TagsInput, TagsInputProps } from "./tags-input.js";
 import { ThemeProvider, ThemeProviderProps } from "./theme-provider/ThemeProvider.js";
 import { useTheme } from "./theme-provider/index.js";
@@ -44,4 +49,4 @@ import { ThemeToggle } from "./ThemeToggle.js";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
 import "./toast/index.js";
 import { cn } from "@pixpilot/shadcn";
-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 };
+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

@@ -33,6 +33,11 @@ import { RichTextEditor } from "./rich-text-editor/RichTextEditor.js";
 import "./rich-text-editor/index.js";
 import { Select } from "./Select.js";
 import { Slider } from "./Slider.js";
+import { Tabs } from "./tabs/Tabs.js";
+import { TabsContent } from "./tabs/TabsContent.js";
+import { TabsList } from "./tabs/TabsList.js";
+import { TabsTrigger } from "./tabs/TabsTrigger.js";
+import "./tabs/index.js";
 import { TagsInput } from "./tags-input.js";
 import { ThemeProvider } from "./theme-provider/ThemeProvider.js";
 import { useTheme } from "./theme-provider/index.js";
@@ -41,4 +46,4 @@ import { DEFAULT_ALERT_DURATION, toast, toastError, toastInfo, toastSuccess, toa
 import "./toast/index.js";
 import { cn } from "@pixpilot/shadcn";
 
-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 };
+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 };

package/dist/tabs/Tabs.cjs

@@ -0,0 +1,3 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/tabs/Tabs.d.cts

@@ -0,0 +1,2 @@
+import { Tabs } from "@pixpilot/shadcn";
+export { Tabs };

package/dist/tabs/Tabs.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as Tabs$1 } from "@pixpilot/shadcn";
+export { Tabs$1 as Tabs };

package/dist/tabs/Tabs.js

@@ -0,0 +1,3 @@
+import { Tabs as Tabs$1 } from "@pixpilot/shadcn";
+
+export { Tabs$1 as Tabs };

package/dist/tabs/TabsContent.cjs

@@ -0,0 +1,3 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/tabs/TabsContent.d.cts

@@ -0,0 +1,2 @@
+import { TabsContent } from "@pixpilot/shadcn";
+export { TabsContent };

package/dist/tabs/TabsContent.d.ts

@@ -0,0 +1,2 @@
+import { TabsContent as TabsContent$1 } from "@pixpilot/shadcn";
+export { TabsContent$1 as TabsContent };

package/dist/tabs/TabsContent.js

@@ -0,0 +1,3 @@
+import { TabsContent as TabsContent$1 } from "@pixpilot/shadcn";
+
+export { TabsContent$1 as TabsContent };

package/dist/tabs/TabsList.cjs

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/tabs/TabsList.tsx
+const TabsList = (props) => {
+	const { variant,...rest } = props;
+	if (variant === "underline") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TabsList, {
+		...rest,
+		className: "bg-transparent p-0 h-auto rounded-none border-b border-border"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TabsList, {
+		...rest,
+		variant
+	});
+};
+
+//#endregion
+exports.TabsList = TabsList;

package/dist/tabs/TabsList.d.cts

@@ -0,0 +1,11 @@
+import { TabsList } from "@pixpilot/shadcn";
+import React from "react";
+
+//#region src/tabs/TabsList.d.ts
+type TabsListVariant = 'default' | 'underline' | 'outline' | 'ghost' | 'pill';
+interface TabsListProps extends Omit<React.ComponentProps<typeof TabsList>, 'variant'> {
+  variant?: TabsListVariant;
+}
+declare const TabsList$1: React.FC<TabsListProps>;
+//#endregion
+export { TabsList$1 as TabsList, TabsListProps, TabsListVariant };

package/dist/tabs/TabsList.d.ts

@@ -0,0 +1,11 @@
+import { TabsList } from "@pixpilot/shadcn";
+import React from "react";
+
+//#region src/tabs/TabsList.d.ts
+type TabsListVariant = 'default' | 'underline' | 'outline' | 'ghost' | 'pill';
+interface TabsListProps extends Omit<React.ComponentProps<typeof TabsList>, 'variant'> {
+  variant?: TabsListVariant;
+}
+declare const TabsList$1: React.FC<TabsListProps>;
+//#endregion
+export { TabsList$1 as TabsList, TabsListProps, TabsListVariant };

package/dist/tabs/TabsList.js

@@ -0,0 +1,19 @@
+import { TabsList } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/tabs/TabsList.tsx
+const TabsList$1 = (props) => {
+	const { variant,...rest } = props;
+	if (variant === "underline") return /* @__PURE__ */ jsx(TabsList, {
+		...rest,
+		className: "bg-transparent p-0 h-auto rounded-none border-b border-border"
+	});
+	return /* @__PURE__ */ jsx(TabsList, {
+		...rest,
+		variant
+	});
+};
+
+//#endregion
+export { TabsList$1 as TabsList };

package/dist/tabs/TabsTrigger.cjs

@@ -0,0 +1,25 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/tabs/TabsTrigger.tsx
+const TabsTrigger = (props) => {
+	const { variant,...rest } = props;
+	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");
+	if (variant === "underline") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TabsTrigger, {
+		...rest,
+		className: (0, __pixpilot_shadcn.cn)(underlineClasses, rest.className)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TabsTrigger, {
+		...rest,
+		variant
+	});
+};
+TabsTrigger.displayName = "TabsTrigger";
+
+//#endregion
+exports.TabsTrigger = TabsTrigger;

package/dist/tabs/TabsTrigger.d.cts

@@ -0,0 +1,10 @@
+import { BaseTabsTriggerProps, TabsTriggerVariant } from "./types.cjs";
+import React from "react";
+
+//#region src/tabs/TabsTrigger.d.ts
+interface TabsTriggerProps extends Omit<BaseTabsTriggerProps, 'variant'> {
+  variant?: TabsTriggerVariant;
+}
+declare const TabsTrigger: React.FC<TabsTriggerProps>;
+//#endregion
+export { TabsTrigger, TabsTriggerProps };

package/dist/tabs/TabsTrigger.d.ts

@@ -0,0 +1,10 @@
+import { BaseTabsTriggerProps, TabsTriggerVariant } from "./types.js";
+import React from "react";
+
+//#region src/tabs/TabsTrigger.d.ts
+interface TabsTriggerProps extends Omit<BaseTabsTriggerProps, 'variant'> {
+  variant?: TabsTriggerVariant;
+}
+declare const TabsTrigger: React.FC<TabsTriggerProps>;
+//#endregion
+export { TabsTrigger, TabsTriggerProps };

package/dist/tabs/TabsTrigger.js

@@ -0,0 +1,21 @@
+import { TabsTrigger, cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/tabs/TabsTrigger.tsx
+const TabsTrigger$1 = (props) => {
+	const { variant,...rest } = props;
+	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");
+	if (variant === "underline") return /* @__PURE__ */ jsx(TabsTrigger, {
+		...rest,
+		className: cn(underlineClasses, rest.className)
+	});
+	return /* @__PURE__ */ jsx(TabsTrigger, {
+		...rest,
+		variant
+	});
+};
+TabsTrigger$1.displayName = "TabsTrigger";
+
+//#endregion
+export { TabsTrigger$1 as TabsTrigger };

package/dist/tabs/index.cjs

@@ -0,0 +1,7 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+require('./Tabs.cjs');
+require('./TabsContent.cjs');
+const require_TabsList = require('./TabsList.cjs');
+const require_TabsTrigger = require('./TabsTrigger.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);

package/dist/tabs/index.d.cts

@@ -0,0 +1,4 @@
+import { Tabs } from "./Tabs.cjs";
+import { TabsContent } from "./TabsContent.cjs";
+import { TabsList, TabsListProps, TabsListVariant } from "./TabsList.cjs";
+import { TabsTrigger, TabsTriggerProps } from "./TabsTrigger.cjs";

package/dist/tabs/index.d.ts

@@ -0,0 +1,4 @@
+import { Tabs } from "./Tabs.js";
+import { TabsContent } from "./TabsContent.js";
+import { TabsList, TabsListProps, TabsListVariant } from "./TabsList.js";
+import { TabsTrigger, TabsTriggerProps } from "./TabsTrigger.js";

package/dist/tabs/index.js

@@ -0,0 +1,4 @@
+import { Tabs } from "./Tabs.js";
+import { TabsContent } from "./TabsContent.js";
+import { TabsList } from "./TabsList.js";
+import { TabsTrigger } from "./TabsTrigger.js";

package/dist/tabs/types.d.cts

@@ -0,0 +1,7 @@
+import { TabsTrigger } from "@pixpilot/shadcn";
+
+//#region src/tabs/types.d.ts
+type BaseTabsTriggerProps = React.ComponentProps<typeof TabsTrigger>;
+type TabsTriggerVariant = 'default' | 'underline' | BaseTabsTriggerProps['variant'];
+//#endregion
+export { BaseTabsTriggerProps, TabsTriggerVariant };

package/dist/tabs/types.d.ts

@@ -0,0 +1,7 @@
+import { TabsTrigger } from "@pixpilot/shadcn";
+
+//#region src/tabs/types.d.ts
+type BaseTabsTriggerProps = React.ComponentProps<typeof TabsTrigger>;
+type TabsTriggerVariant = 'default' | 'underline' | BaseTabsTriggerProps['variant'];
+//#endregion
+export { BaseTabsTriggerProps, TabsTriggerVariant };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -44,7 +44,7 @@
     "pretty-bytes": "^7.1.0",
     "react-responsive": "^10.0.1",
     "sonner": "2.0.7",
-    "@pixpilot/shadcn": "0.4.0"
+    "@pixpilot/shadcn": "0.5.0"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.14",
@@ -57,9 +57,9 @@
     "react-dom": "19.2.0",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
+    "@internal/eslint-config": "0.3.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
-    "@internal/eslint-config": "0.3.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"
   },