@ramong26/xp-components 1.0.15 → 1.0.16

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 (4) hide show
  1. package/dist/index.css +9 -9
  2. package/dist/index.d.cts +83 -0
  3. package/dist/index.d.ts +83 -0
  4. package/package.json +92 -91
package/dist/index.css CHANGED
@@ -39,7 +39,7 @@
39
39
  color: #888;
40
40
  }
41
41
 
42
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Button/Button.css */
42
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Button/Button.css */
43
43
  .btn {
44
44
  background: #fffbea;
45
45
  background-size: cover;
@@ -106,7 +106,7 @@
106
106
  border-color: #000;
107
107
  }
108
108
 
109
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Carousel/Carousel.css */
109
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Carousel/Carousel.css */
110
110
  .carousel {
111
111
  position: relative;
112
112
  overflow: hidden;
@@ -263,7 +263,7 @@
263
263
  }
264
264
  }
265
265
 
266
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Checkbox/Checkbox.css */
266
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Checkbox/Checkbox.css */
267
267
  .checkbox {
268
268
  display: flex;
269
269
  flex-direction: row;
@@ -380,7 +380,7 @@
380
380
  }
381
381
  }
382
382
 
383
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Chips/Chips.css */
383
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Chips/Chips.css */
384
384
  .chip {
385
385
  width: fit-content;
386
386
  height: fit-content;
@@ -543,7 +543,7 @@
543
543
  }
544
544
  }
545
545
 
546
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Input/Input.css */
546
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Input/Input.css */
547
547
  .input__wrapper {
548
548
  position: relative;
549
549
  cursor: text;
@@ -679,7 +679,7 @@
679
679
  padding: 0 4px;
680
680
  }
681
681
 
682
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Select/Select.css */
682
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Select/Select.css */
683
683
  .select {
684
684
  position: relative;
685
685
  cursor: pointer;
@@ -869,7 +869,7 @@
869
869
  }
870
870
  }
871
871
 
872
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Slider/Slider.css */
872
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Slider/Slider.css */
873
873
  .slider {
874
874
  display: flex;
875
875
  flex-direction: row;
@@ -987,7 +987,7 @@
987
987
  }
988
988
  }
989
989
 
990
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Switch/Switch.css */
990
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Switch/Switch.css */
991
991
  .switch {
992
992
  display: inline-flex;
993
993
  align-items: center;
@@ -1116,7 +1116,7 @@
1116
1116
  }
1117
1117
  }
1118
1118
 
1119
- /* ../../../Users/rlatn/AppData/Local/Temp/tmp-29320-aVHBk16u2weU/xp-components/src/components/Tag/Tag.css */
1119
+ /* ../../../Users/rlatn/AppData/Local/Temp/tmp-27680-HqwFKdXN98aU/xp-components/src/components/Tag/Tag.css */
1120
1120
  .tag {
1121
1121
  display: inline-flex;
1122
1122
  align-items: center;
package/dist/index.d.cts ADDED
@@ -0,0 +1,83 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import React from 'react';
3
+
4
+ declare function App(): react_jsx_runtime.JSX.Element;
5
+
6
+ type Variant$2 = 'default' | 'secondary';
7
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
8
+ variant?: Variant$2;
9
+ }
10
+ declare const Button: React.FC<ButtonProps>;
11
+
12
+ interface CarouselItem {
13
+ title?: string;
14
+ text?: string;
15
+ image?: string;
16
+ imageStyle?: React.CSSProperties;
17
+ onClick?: () => void;
18
+ }
19
+ interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
20
+ items: CarouselItem[];
21
+ autoPlay?: boolean;
22
+ interval?: number;
23
+ }
24
+ declare const Carousel: React.FC<CarouselProps>;
25
+
26
+ interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
27
+ label: string;
28
+ }
29
+ declare const Checkbox: React.FC<CheckboxProps>;
30
+
31
+ interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
32
+ onRemove?: () => void;
33
+ selected?: boolean;
34
+ onClick?: () => void;
35
+ }
36
+ declare const Chips: React.FC<ChipsProps>;
37
+
38
+ type Variant$1 = 'default' | 'title';
39
+ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
40
+ label?: string;
41
+ variant?: Variant$1;
42
+ className?: string;
43
+ }
44
+ declare const Input: React.FC<InputProps>;
45
+
46
+ interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
47
+ label: string;
48
+ options: Array<{
49
+ label: string;
50
+ value: string | number;
51
+ }>;
52
+ value?: string | number;
53
+ onChange?: (value: string | number) => void;
54
+ }
55
+ declare const Select: React.FC<SelectProps>;
56
+
57
+ interface SliderProps {
58
+ min?: number;
59
+ max?: number;
60
+ step?: number;
61
+ value?: number;
62
+ onChange?: (value: number) => void;
63
+ showValue?: boolean;
64
+ }
65
+ declare const Slider: React.FC<SliderProps>;
66
+
67
+ interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
68
+ label?: string;
69
+ }
70
+ declare const Switch: React.FC<SwitchProps>;
71
+
72
+ type Variant = 'default' | 'success' | 'warning' | 'error' | 'outline';
73
+ type Size = 'sm' | 'md' | 'lg';
74
+ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
75
+ variant?: Variant;
76
+ size?: Size;
77
+ icon?: React.ReactNode;
78
+ closable?: boolean;
79
+ onClose?: () => void;
80
+ }
81
+ declare const Tag: React.FC<TagProps>;
82
+
83
+ export { App, Button, type ButtonProps, type Variant$2 as ButtonVariant, Carousel, type CarouselItem, type CarouselProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, Input, type InputProps, type Variant$1 as InputVariant, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tag, type TagProps, type Size as TagSize, type Variant as TagVariant };
package/dist/index.d.ts ADDED
@@ -0,0 +1,83 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import React from 'react';
3
+
4
+ declare function App(): react_jsx_runtime.JSX.Element;
5
+
6
+ type Variant$2 = 'default' | 'secondary';
7
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
8
+ variant?: Variant$2;
9
+ }
10
+ declare const Button: React.FC<ButtonProps>;
11
+
12
+ interface CarouselItem {
13
+ title?: string;
14
+ text?: string;
15
+ image?: string;
16
+ imageStyle?: React.CSSProperties;
17
+ onClick?: () => void;
18
+ }
19
+ interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
20
+ items: CarouselItem[];
21
+ autoPlay?: boolean;
22
+ interval?: number;
23
+ }
24
+ declare const Carousel: React.FC<CarouselProps>;
25
+
26
+ interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
27
+ label: string;
28
+ }
29
+ declare const Checkbox: React.FC<CheckboxProps>;
30
+
31
+ interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
32
+ onRemove?: () => void;
33
+ selected?: boolean;
34
+ onClick?: () => void;
35
+ }
36
+ declare const Chips: React.FC<ChipsProps>;
37
+
38
+ type Variant$1 = 'default' | 'title';
39
+ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
40
+ label?: string;
41
+ variant?: Variant$1;
42
+ className?: string;
43
+ }
44
+ declare const Input: React.FC<InputProps>;
45
+
46
+ interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
47
+ label: string;
48
+ options: Array<{
49
+ label: string;
50
+ value: string | number;
51
+ }>;
52
+ value?: string | number;
53
+ onChange?: (value: string | number) => void;
54
+ }
55
+ declare const Select: React.FC<SelectProps>;
56
+
57
+ interface SliderProps {
58
+ min?: number;
59
+ max?: number;
60
+ step?: number;
61
+ value?: number;
62
+ onChange?: (value: number) => void;
63
+ showValue?: boolean;
64
+ }
65
+ declare const Slider: React.FC<SliderProps>;
66
+
67
+ interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
68
+ label?: string;
69
+ }
70
+ declare const Switch: React.FC<SwitchProps>;
71
+
72
+ type Variant = 'default' | 'success' | 'warning' | 'error' | 'outline';
73
+ type Size = 'sm' | 'md' | 'lg';
74
+ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
75
+ variant?: Variant;
76
+ size?: Size;
77
+ icon?: React.ReactNode;
78
+ closable?: boolean;
79
+ onClose?: () => void;
80
+ }
81
+ declare const Tag: React.FC<TagProps>;
82
+
83
+ export { App, Button, type ButtonProps, type Variant$2 as ButtonVariant, Carousel, type CarouselItem, type CarouselProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, Input, type InputProps, type Variant$1 as InputVariant, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tag, type TagProps, type Size as TagSize, type Variant as TagVariant };
package/package.json CHANGED
@@ -1,91 +1,92 @@
1
- {
2
- "name": "@ramong26/xp-components",
3
- "private": false,
4
- "version": "1.0.15",
5
- "type": "module",
6
- "main": "dist/index.cjs",
7
- "module": "dist/index.mjs",
8
- "types": "dist/index.d.ts",
9
- "exports": {
10
- ".": {
11
- "types": "./dist/index.d.ts",
12
- "import": "./dist/index.mjs",
13
- "require": "./dist/index.cjs",
14
- "default": "./dist/index.mjs"
15
- },
16
- "./styles": "./dist/index.css",
17
- "./package.json": "./package.json"
18
- },
19
- "files": [
20
- "dist",
21
- "README.md"
22
- ],
23
- "keywords": [
24
- "react",
25
- "components",
26
- "ui",
27
- "typescript"
28
- ],
29
- "repository": {
30
- "type": "git",
31
- "url": "https://github.com/ramong26/xp-components.git"
32
- },
33
- "homepage": "https://github.com/ramong26/xp-components",
34
- "bugs": {
35
- "url": "https://github.com/ramong26/xp-components/issues"
36
- },
37
- "author": "ramong23",
38
- "license": "MIT",
39
- "sideEffects": [
40
- "**/*.css"
41
- ],
42
- "publishConfig": {
43
- "access": "public"
44
- },
45
- "scripts": {
46
- "dev": "vite",
47
- "build:lib": "tsup src/index.ts --dts --format cjs,esm --out-dir dist --clean",
48
- "build": "pnpm build:lib",
49
- "storybook": "storybook dev -p 6006",
50
- "build-storybook": "storybook build",
51
- "test": "vitest",
52
- "pack": "pnpm build:lib && npm pack",
53
- "lint": "pnpm exec eslint . --ext .ts,.tsx",
54
- "typecheck": "tsc --noEmit"
55
- },
56
- "peerDependencies": {
57
- "react": ">=18 <20",
58
- "react-dom": ">=18 <20"
59
- },
60
- "devDependencies": {
61
- "@eslint/js": "^9.36.0",
62
- "@storybook/react-vite": "^9.1.8",
63
- "@testing-library/jest-dom": "^6.8.0",
64
- "@types/jsdom": "^21.1.7",
65
- "@types/react": "^18.3.24",
66
- "@types/react-dom": "^18.3.7",
67
- "@typescript-eslint/eslint-plugin": "^8.44.1",
68
- "@typescript-eslint/parser": "^8.44.1",
69
- "@vitejs/plugin-react": "^5.0.3",
70
- "esbuild-plugin-sass": "^1.0.1",
71
- "eslint": "^9.36.0",
72
- "eslint-plugin-react": "^7.37.5",
73
- "eslint-plugin-react-hooks": "^5.2.0",
74
- "eslint-plugin-react-refresh": "^0.4.21",
75
- "eslint-plugin-storybook": "^9.1.8",
76
- "globals": "^16.4.0",
77
- "happy-dom": "^18.0.1",
78
- "jsdom": "^27.0.0",
79
- "sass": "^1.90.0",
80
- "storybook": "9.1.2",
81
- "tsup": "^8.5.0",
82
- "typescript": "~5.8.3",
83
- "typescript-eslint": "^8.44.1",
84
- "vite": "^7.1.2",
85
- "vitest": "^3.2.4"
86
- },
87
- "dependencies": {
88
- "@testing-library/react": "^16.3.0",
89
- "@testing-library/user-event": "^14.6.1"
90
- }
91
- }
1
+ {
2
+ "name": "@ramong26/xp-components",
3
+ "private": false,
4
+ "version": "1.0.16",
5
+ "type": "module",
6
+ "main": "dist/index.cjs",
7
+ "module": "dist/index.mjs",
8
+ "types": "dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "import": "./dist/index.mjs",
13
+ "require": "./dist/index.cjs",
14
+ "default": "./dist/index.mjs"
15
+ },
16
+ "./styles": "./dist/index.css",
17
+ "./package.json": "./package.json"
18
+ },
19
+ "files": [
20
+ "dist",
21
+ "README.md"
22
+ ],
23
+ "keywords": [
24
+ "react",
25
+ "components",
26
+ "ui",
27
+ "typescript"
28
+ ],
29
+ "repository": {
30
+ "type": "git",
31
+ "url": "https://github.com/ramong26/xp-components.git"
32
+ },
33
+ "homepage": "https://github.com/ramong26/xp-components",
34
+ "bugs": {
35
+ "url": "https://github.com/ramong26/xp-components/issues"
36
+ },
37
+ "author": "ramong23",
38
+ "license": "MIT",
39
+ "sideEffects": [
40
+ "**/*.css"
41
+ ],
42
+ "publishConfig": {
43
+ "access": "public"
44
+ },
45
+ "scripts": {
46
+ "dev": "vite",
47
+ "build:lib": "tsup src/index.ts --dts --format cjs,esm --out-dir dist --clean",
48
+ "build": "pnpm build:lib",
49
+ "storybook": "storybook dev -p 6006",
50
+ "build-storybook": "storybook build",
51
+ "test": "vitest",
52
+ "pack": "pnpm build:lib \u0026\u0026 npm pack",
53
+ "lint": "pnpm exec eslint . --ext .ts,.tsx",
54
+ "typecheck": "tsc --noEmit",
55
+ "prepack": "pnpm build:lib"
56
+ },
57
+ "peerDependencies": {
58
+ "react": "\u003e=18 \u003c20",
59
+ "react-dom": "\u003e=18 \u003c20"
60
+ },
61
+ "devDependencies": {
62
+ "@eslint/js": "^9.36.0",
63
+ "@storybook/react-vite": "^9.1.8",
64
+ "@testing-library/jest-dom": "^6.8.0",
65
+ "@types/jsdom": "^21.1.7",
66
+ "@types/react": "^18.3.24",
67
+ "@types/react-dom": "^18.3.7",
68
+ "@typescript-eslint/eslint-plugin": "^8.44.1",
69
+ "@typescript-eslint/parser": "^8.44.1",
70
+ "@vitejs/plugin-react": "^5.0.3",
71
+ "esbuild-plugin-sass": "^1.0.1",
72
+ "eslint": "^9.36.0",
73
+ "eslint-plugin-react": "^7.37.5",
74
+ "eslint-plugin-react-hooks": "^5.2.0",
75
+ "eslint-plugin-react-refresh": "^0.4.21",
76
+ "eslint-plugin-storybook": "^9.1.8",
77
+ "globals": "^16.4.0",
78
+ "happy-dom": "^18.0.1",
79
+ "jsdom": "^27.0.0",
80
+ "sass": "^1.90.0",
81
+ "storybook": "9.1.2",
82
+ "tsup": "^8.5.0",
83
+ "typescript": "~5.8.3",
84
+ "typescript-eslint": "^8.44.1",
85
+ "vite": "^7.1.2",
86
+ "vitest": "^3.2.4"
87
+ },
88
+ "dependencies": {
89
+ "@testing-library/react": "^16.3.0",
90
+ "@testing-library/user-event": "^14.6.1"
91
+ }
92
+ }