@pixpilot/shadcn-ui 0.41.0 → 0.43.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.
Files changed (17) hide show
  1. package/dist/Select.cjs +17 -21
  2. package/dist/Select.js +17 -21
  3. package/dist/{tags-input.cjs → TagsInput.cjs} +1 -1
  4. package/dist/{tags-input.d.cts → TagsInput.d.cts} +1 -1
  5. package/dist/{tags-input.d.ts → TagsInput.d.ts} +1 -1
  6. package/dist/{tags-input.js → TagsInput.js} +1 -1
  7. package/dist/dialog/Dialog.d.cts +4 -4
  8. package/dist/file-upload-inline/FileUploadInline.d.cts +2 -2
  9. package/dist/index.cjs +2 -2
  10. package/dist/index.d.cts +1 -1
  11. package/dist/index.d.ts +1 -1
  12. package/dist/index.js +1 -1
  13. package/dist/input/Input.d.cts +2 -2
  14. package/dist/theme-toggle/ThemeModeDropdown.d.ts +2 -2
  15. package/dist/theme-toggle/ThemeModeSwitchInside.d.ts +2 -2
  16. package/dist/theme-toggle/ThemeModeToggleButton.d.ts +2 -2
  17. package/package.json +3 -3
package/dist/Select.cjs CHANGED
@@ -32,27 +32,23 @@ function Select(props) {
32
32
  open,
33
33
  onOpenChange: handleOpenChange,
34
34
  ...restProps,
35
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
36
- className: "w-full",
37
- onKeyDown: handleTriggerKeyDown,
38
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
39
- className: "flex items-center justify-between gap-2 flex-1 w-full min-w-0",
40
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
41
- className: "flex-1 truncate text-left",
42
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder })
43
- }), clearable && value !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
44
- type: "button",
45
- className: "ml-auto flex h-6 w-6 shrink-0 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none",
46
- onPointerDown: (e) => {
47
- e.preventDefault();
48
- e.stopPropagation();
49
- onChange?.("");
50
- handleOpenChange(false);
51
- },
52
- "aria-label": "Clear selection",
53
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { className: "h-4 w-4" })
54
- })]
55
- })
35
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
36
+ className: "relative w-full",
37
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
38
+ className: "w-full",
39
+ onKeyDown: handleTriggerKeyDown,
40
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder })
41
+ }), clearable && value !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
42
+ type: "button",
43
+ className: "absolute right-8 top-1/2 -translate-y-1/2 flex h-6 w-6 items-center justify-center rounded-sm opacity-40 hover:opacity-100 z-10",
44
+ onClick: (e) => {
45
+ e.preventDefault();
46
+ onChange?.("");
47
+ handleOpenChange(false);
48
+ },
49
+ "aria-label": "Clear selection",
50
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { className: "h-4 w-4" })
51
+ })]
56
52
  }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectContent, {
57
53
  position,
58
54
  ...contentProps,
package/dist/Select.js CHANGED
@@ -27,27 +27,23 @@ function Select$1(props) {
27
27
  open,
28
28
  onOpenChange: handleOpenChange,
29
29
  ...restProps,
30
- children: [/* @__PURE__ */ jsx(SelectTrigger, {
31
- className: "w-full",
32
- onKeyDown: handleTriggerKeyDown,
33
- children: /* @__PURE__ */ jsxs("div", {
34
- className: "flex items-center justify-between gap-2 flex-1 w-full min-w-0",
35
- children: [/* @__PURE__ */ jsx("span", {
36
- className: "flex-1 truncate text-left",
37
- children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
38
- }), clearable && value !== "" && /* @__PURE__ */ jsx("button", {
39
- type: "button",
40
- className: "ml-auto flex h-6 w-6 shrink-0 items-center justify-center rounded-sm opacity-50 hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none",
41
- onPointerDown: (e) => {
42
- e.preventDefault();
43
- e.stopPropagation();
44
- onChange?.("");
45
- handleOpenChange(false);
46
- },
47
- "aria-label": "Clear selection",
48
- children: /* @__PURE__ */ jsx(XIcon, { className: "h-4 w-4" })
49
- })]
50
- })
30
+ children: [/* @__PURE__ */ jsxs("div", {
31
+ className: "relative w-full",
32
+ children: [/* @__PURE__ */ jsx(SelectTrigger, {
33
+ className: "w-full",
34
+ onKeyDown: handleTriggerKeyDown,
35
+ children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
36
+ }), clearable && value !== "" && /* @__PURE__ */ jsx("button", {
37
+ type: "button",
38
+ className: "absolute right-8 top-1/2 -translate-y-1/2 flex h-6 w-6 items-center justify-center rounded-sm opacity-40 hover:opacity-100 z-10",
39
+ onClick: (e) => {
40
+ e.preventDefault();
41
+ onChange?.("");
42
+ handleOpenChange(false);
43
+ },
44
+ "aria-label": "Clear selection",
45
+ children: /* @__PURE__ */ jsx(XIcon, { className: "h-4 w-4" })
46
+ })]
51
47
  }), /* @__PURE__ */ jsx(SelectContent, {
52
48
  position,
53
49
  ...contentProps,
package/dist/{tags-input.cjs → TagsInput.cjs} RENAMED
@@ -10,7 +10,7 @@ react = require_rolldown_runtime.__toESM(react);
10
10
  let react_jsx_runtime = require("react/jsx-runtime");
11
11
  react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
12
12
 
13
- //#region src/tags-input.tsx
13
+ //#region src/TagsInput.tsx
14
14
  const EMPTY_ARRAY = [];
15
15
  const EMPTY_OPTIONS = [];
16
16
  /**
package/dist/{tags-input.d.cts → TagsInput.d.cts} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { CommandOptionListItem } from "./CommandOptionList.cjs";
2
2
  import * as react_jsx_runtime5 from "react/jsx-runtime";
3
3
 
4
- //#region src/tags-input.d.ts
4
+ //#region src/TagsInput.d.ts
5
5
  interface TagsInputProps {
6
6
  value?: Array<string | number>;
7
7
  onChange?: (value: Array<string | number>) => void;
package/dist/{tags-input.d.ts → TagsInput.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { CommandOptionListItem } from "./CommandOptionList.js";
2
2
  import * as react_jsx_runtime5 from "react/jsx-runtime";
3
3
 
4
- //#region src/tags-input.d.ts
4
+ //#region src/TagsInput.d.ts
5
5
  interface TagsInputProps {
6
6
  value?: Array<string | number>;
7
7
  onChange?: (value: Array<string | number>) => void;
package/dist/{tags-input.js → TagsInput.js} RENAMED
@@ -6,7 +6,7 @@ import { Command, Popover, PopoverContent, PopoverTrigger, TagsInputInLineClear,
6
6
  import { useCallback, useEffect, useMemo, useRef, useState } from "react";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
8
 
9
- //#region src/tags-input.tsx
9
+ //#region src/TagsInput.tsx
10
10
  const EMPTY_ARRAY = [];
11
11
  const EMPTY_OPTIONS = [];
12
12
  /**
package/dist/dialog/Dialog.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime8 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime7 from "react/jsx-runtime";
2
2
  import * as React$1 from "react";
3
3
  import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
4
4
 
@@ -9,14 +9,14 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<_radix_ui_re
9
9
  declare function DialogHeader({
10
10
  className,
11
11
  ...props
12
- }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
12
+ }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.JSX.Element;
13
13
  declare function DialogBody({
14
14
  className,
15
15
  ...props
16
- }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
16
+ }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.JSX.Element;
17
17
  declare function DialogFooter({
18
18
  className,
19
19
  ...props
20
- }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
20
+ }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime7.JSX.Element;
21
21
  //#endregion
22
22
  export { DialogBody, DialogContent, DialogFooter, DialogHeader };
package/dist/file-upload-inline/FileUploadInline.d.cts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { FileUploadInlineProps } from "./types.cjs";
2
- import * as react_jsx_runtime11 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime10 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_runtime11.JSX.Element;
8
+ declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime10.JSX.Element;
9
9
  //#endregion
10
10
  export { FileUploadInline };
package/dist/index.cjs CHANGED
@@ -56,7 +56,7 @@ const require_TabsContext = require('./tabs/TabsContext.cjs');
56
56
  const require_TabsList = require('./tabs/TabsList.cjs');
57
57
  const require_TabsTrigger = require('./tabs/TabsTrigger.cjs');
58
58
  require('./tabs/index.cjs');
59
- const require_tags_input = require('./tags-input.cjs');
59
+ const require_TagsInput = require('./TagsInput.cjs');
60
60
  const require_ThemeProvider = require('./theme-provider/ThemeProvider.cjs');
61
61
  require('./theme-provider/index.cjs');
62
62
  const require_ThemeModeDropdown = require('./theme-toggle/ThemeModeDropdown.cjs');
@@ -122,7 +122,7 @@ exports.TabsContent = __pixpilot_shadcn.TabsContent;
122
122
  exports.TabsContext = require_TabsContext.TabsContext;
123
123
  exports.TabsList = require_TabsList.TabsList;
124
124
  exports.TabsTrigger = require_TabsTrigger.TabsTrigger;
125
- exports.TagsInput = require_tags_input.TagsInput;
125
+ exports.TagsInput = require_TagsInput.TagsInput;
126
126
  exports.ThemeModeDropdown = require_ThemeModeDropdown.ThemeModeDropdown;
127
127
  exports.ThemeModeSwitchInside = require_ThemeModeSwitchInside.ThemeModeSwitchInside;
128
128
  exports.ThemeModeSwitchOutside = require_ThemeModeSwitchOutside.ThemeModeSwitchOutside;
package/dist/index.d.cts CHANGED
@@ -60,7 +60,7 @@ import { TabsContext, TabsContextValue, useTabsContext } from "./tabs/TabsContex
60
60
  import { TabsList, TabsListProps } from "./tabs/TabsList.cjs";
61
61
  import { TabsTrigger, TabsTriggerProps } from "./tabs/TabsTrigger.cjs";
62
62
  import "./tabs/index.cjs";
63
- import { TagsInput, TagsInputProps } from "./tags-input.cjs";
63
+ import { TagsInput, TagsInputProps } from "./TagsInput.cjs";
64
64
  import { ThemeProvider, ThemeProviderProps } from "./theme-provider/ThemeProvider.cjs";
65
65
  import { useTheme } from "./theme-provider/index.cjs";
66
66
  import { ThemeModeDropdown, ThemeModeDropdownProps } from "./theme-toggle/ThemeModeDropdown.cjs";
package/dist/index.d.ts CHANGED
@@ -62,7 +62,7 @@ import { TabsContext, TabsContextValue, useTabsContext } from "./tabs/TabsContex
62
62
  import { TabsList, TabsListProps } from "./tabs/TabsList.js";
63
63
  import { TabsTrigger, TabsTriggerProps } from "./tabs/TabsTrigger.js";
64
64
  import "./tabs/index.js";
65
- import { TagsInput, TagsInputProps } from "./tags-input.js";
65
+ import { TagsInput, TagsInputProps } from "./TagsInput.js";
66
66
  import { ThemeProvider, ThemeProviderProps } from "./theme-provider/ThemeProvider.js";
67
67
  import { useTheme } from "./theme-provider/index.js";
68
68
  import { ThemeModeDropdown, ThemeModeDropdownProps } from "./theme-toggle/ThemeModeDropdown.js";
package/dist/index.js CHANGED
@@ -57,7 +57,7 @@ import { TabsContext, useTabsContext } from "./tabs/TabsContext.js";
57
57
  import { TabsList } from "./tabs/TabsList.js";
58
58
  import { TabsTrigger } from "./tabs/TabsTrigger.js";
59
59
  import "./tabs/index.js";
60
- import { TagsInput } from "./tags-input.js";
60
+ import { TagsInput } from "./TagsInput.js";
61
61
  import { ThemeProvider } from "./theme-provider/ThemeProvider.js";
62
62
  import { useTheme } from "./theme-provider/index.js";
63
63
  import { ThemeModeDropdown } from "./theme-toggle/ThemeModeDropdown.js";
package/dist/input/Input.d.cts CHANGED
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime7 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime11 from "react/jsx-runtime";
2
2
  import { InputProps } from "@pixpilot/shadcn";
3
3
  import * as React$1 from "react";
4
4
 
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
10
10
  prefixClassName?: string;
11
11
  suffixClassName?: string;
12
12
  };
13
- declare function Input(props: InputProps$1): react_jsx_runtime7.JSX.Element;
13
+ declare function Input(props: InputProps$1): react_jsx_runtime11.JSX.Element;
14
14
  //#endregion
15
15
  export { Input, InputProps$1 as InputProps };
package/dist/theme-toggle/ThemeModeDropdown.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime12 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime13 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 themeValue and onChange props.
19
19
  */
20
- declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime12.JSX.Element;
20
+ declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime13.JSX.Element;
21
21
  declare namespace ThemeModeDropdown {
22
22
  var displayName: string;
23
23
  }
package/dist/theme-toggle/ThemeModeSwitchInside.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime13 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime14 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 value and onChange props.
27
27
  */
28
- declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime13.JSX.Element;
28
+ declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime14.JSX.Element;
29
29
  declare namespace ThemeModeSwitchInside {
30
30
  var displayName: string;
31
31
  }
package/dist/theme-toggle/ThemeModeToggleButton.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime14 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime12 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_runtime14.JSX.Element;
16
+ declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime12.JSX.Element;
17
17
  declare namespace ThemeModeToggleButton {
18
18
  var displayName: string;
19
19
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pixpilot/shadcn-ui",
3
3
  "type": "module",
4
- "version": "0.41.0",
4
+ "version": "0.43.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",
@@ -60,11 +60,11 @@
60
60
  "tsdown": "^0.15.12",
61
61
  "typescript": "^5.9.3",
62
62
  "@internal/eslint-config": "0.3.0",
63
+ "@internal/hooks": "0.0.0",
63
64
  "@internal/prettier-config": "0.0.1",
64
65
  "@internal/tsconfig": "0.1.0",
65
66
  "@internal/tsdown-config": "0.1.0",
66
- "@internal/vitest-config": "0.1.0",
67
- "@internal/hooks": "0.0.0"
67
+ "@internal/vitest-config": "0.1.0"
68
68
  },
69
69
  "prettier": "@internal/prettier-config",
70
70
  "scripts": {