@pixpilot/shadcn-ui 0.25.1 → 0.26.0

package/dist/AbsoluteFill.cjs

@@ -15,6 +15,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 function AbsoluteFill(props) {
 	const { ref, className,...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "absolute-fill",
 		ref,
 		...rest,
 		className: (0, __pixpilot_shadcn.cn)("absolute top-0 right-0 bottom-0 left-0", className)

package/dist/AbsoluteFill.js

@@ -11,6 +11,7 @@ import { jsx } from "react/jsx-runtime";
 function AbsoluteFill(props) {
 	const { ref, className,...rest } = props;
 	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "absolute-fill",
 		ref,
 		...rest,
 		className: cn("absolute top-0 right-0 bottom-0 left-0", className)

package/dist/Button.cjs

@@ -33,6 +33,7 @@ function Button(props) {
 	const showTooltip = hasTooltip || hasDisabledTooltip;
 	const tooltipContent = hasDisabledTooltip ? disabledTooltip ?? "" : tooltip ?? title ?? "";
 	const Loader = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "button-loader",
 		className: (0, __pixpilot_shadcn.cn)("flex items-center justify-center", loaderPlacement === "center" && "rounded-0 absolute inset-0", loaderPlacement === "start" && "mr-1", loaderPlacement === "end" && "ml-1"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
 			className: "text-background animate-spin",

package/dist/Button.js

@@ -28,6 +28,7 @@ function Button$1(props) {
 	const showTooltip = hasTooltip || hasDisabledTooltip;
 	const tooltipContent = hasDisabledTooltip ? disabledTooltip ?? "" : tooltip ?? title ?? "";
 	const Loader = /* @__PURE__ */ jsx("div", {
+		"data-slot": "button-loader",
 		className: cn("flex items-center justify-center", loaderPlacement === "center" && "rounded-0 absolute inset-0", loaderPlacement === "start" && "mr-1", loaderPlacement === "end" && "ml-1"),
 		children: /* @__PURE__ */ jsx(Loader2, {
 			className: "text-background animate-spin",

package/dist/ContentCard.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Card } from "@pixpilot/shadcn";
 import React, { ReactNode } from "react";
 
@@ -8,7 +8,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime3.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime2.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/DatePicker.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
 
@@ -8,7 +8,7 @@ type DatePickerProps = {
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime2.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime3.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/ScaledPreview.cjs

@@ -20,6 +20,7 @@ const ScaledPreview = ({ baseSize = DEFAULT_BASE_SIZE, scaleFactor, previewBoxSi
 	const finalScale = forceScale ?? calculatedScale;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...rest,
+		"data-slot": "scaled-preview",
 		style: {
 			width: calculatedPreviewBoxSize.width,
 			height: calculatedPreviewBoxSize.height,
@@ -27,6 +28,7 @@ const ScaledPreview = ({ baseSize = DEFAULT_BASE_SIZE, scaleFactor, previewBoxSi
 			...rest.style
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-slot": "scaled-preview-content",
 			className: "absolute top-1/2 left-1/2",
 			style: {
 				width: baseSize.width,

package/dist/ScaledPreview.js

@@ -17,6 +17,7 @@ const ScaledPreview = ({ baseSize = DEFAULT_BASE_SIZE, scaleFactor, previewBoxSi
 	const finalScale = forceScale ?? calculatedScale;
 	return /* @__PURE__ */ jsx("div", {
 		...rest,
+		"data-slot": "scaled-preview",
 		style: {
 			width: calculatedPreviewBoxSize.width,
 			height: calculatedPreviewBoxSize.height,
@@ -24,6 +25,7 @@ const ScaledPreview = ({ baseSize = DEFAULT_BASE_SIZE, scaleFactor, previewBoxSi
 			...rest.style
 		},
 		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "scaled-preview-content",
 			className: "absolute top-1/2 left-1/2",
 			style: {
 				width: baseSize.width,

package/dist/file-upload/FileUpload.d.ts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime7.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/input/Input.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/input/Input.d.ts
 type InputProps$1 = InputProps & {
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input$1(props: InputProps$1): react_jsx_runtime9.JSX.Element;
+declare function Input$1(props: InputProps$1): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { Input$1 as Input, InputProps$1 as InputProps };

package/dist/layout/Layout.cjs

@@ -9,6 +9,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 //#region src/layout/Layout.tsx
 const Layout = react.default.forwardRef(({ className, as: Component = "div",...props }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		"data-slot": "layout",
 		ref,
 		className: (0, __pixpilot_shadcn.cn)("flex w-full flex-col overflow-hidden", "h-dvh", "max-h-full", className),
 		...props

package/dist/layout/Layout.js

@@ -5,6 +5,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/layout/Layout.tsx
 const Layout = React.forwardRef(({ className, as: Component = "div",...props }, ref) => {
 	return /* @__PURE__ */ jsx(Component, {
+		"data-slot": "layout",
 		ref,
 		className: cn("flex w-full flex-col overflow-hidden", "h-dvh", "max-h-full", className),
 		...props

package/dist/layout/LayoutFooter.cjs

@@ -8,6 +8,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/layout/LayoutFooter.tsx
 const LayoutFooter = react.default.forwardRef(({ className, as: Component = "div",...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+	"data-slot": "layout-footer",
 	...props,
 	className: (0, __pixpilot_shadcn.cn)(className),
 	ref

package/dist/layout/LayoutFooter.js

@@ -4,6 +4,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/layout/LayoutFooter.tsx
 const LayoutFooter = React.forwardRef(({ className, as: Component = "div",...props }, ref) => /* @__PURE__ */ jsx(Component, {
+	"data-slot": "layout-footer",
 	...props,
 	className: cn(className),
 	ref

package/dist/layout/LayoutHeader.cjs

@@ -8,6 +8,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/layout/LayoutHeader.tsx
 const LayoutHeader = react.default.forwardRef(({ className, as: Component = "div",...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+	"data-slot": "layout-header",
 	...props,
 	className: (0, __pixpilot_shadcn.cn)(className),
 	ref

package/dist/layout/LayoutHeader.js

@@ -4,6 +4,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/layout/LayoutHeader.tsx
 const LayoutHeader = React.forwardRef(({ className, as: Component = "div",...props }, ref) => /* @__PURE__ */ jsx(Component, {
+	"data-slot": "layout-header",
 	...props,
 	className: cn(className),
 	ref

package/dist/layout/LayoutMain.cjs

@@ -9,6 +9,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 //#region src/layout/LayoutMain.tsx
 const LayoutMain = react.default.forwardRef(({ autoScroll = true, className, as: Component = "div",...props }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		"data-slot": "layout-main",
 		ref,
 		className: (0, __pixpilot_shadcn.cn)("flex-1", { "overflow-auto": autoScroll }, className),
 		...props

package/dist/layout/LayoutMain.js

@@ -5,6 +5,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/layout/LayoutMain.tsx
 const LayoutMain = React.forwardRef(({ autoScroll = true, className, as: Component = "div",...props }, ref) => {
 	return /* @__PURE__ */ jsx(Component, {
+		"data-slot": "layout-main",
 		ref,
 		className: cn("flex-1", { "overflow-auto": autoScroll }, className),
 		...props

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.25.1",
+  "version": "0.26.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -60,8 +60,8 @@
     "@internal/eslint-config": "0.3.0",
     "@internal/hooks": "0.0.0",
     "@internal/prettier-config": "0.0.1",
-    "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
+    "@internal/tsconfig": "0.1.0",
     "@internal/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",