automoby-kit 1.0.1 → 1.0.3

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/index.cjs.js +1 -3021
  2. package/dist/index.esm.js +1 -3005
  3. package/dist/types/components/Accordion/Accordion.d.ts +2 -2
  4. package/dist/types/components/Accordion/Accordion.stories.d.ts +10 -9
  5. package/dist/types/components/Breadcrumb/Breadcrumb.d.ts +4 -1
  6. package/dist/types/components/Breadcrumb/Breadcrumb.stories.d.ts +4 -3
  7. package/dist/types/components/Chips/Chips.d.ts +2 -2
  8. package/dist/types/components/Drawer/Drawer.d.ts +4 -0
  9. package/dist/types/components/Drawer/Drawer.stories.d.ts +21 -8
  10. package/dist/types/components/Input/Input.d.ts +8 -0
  11. package/dist/types/components/Input/Input.stories.d.ts +1 -0
  12. package/dist/types/components/Pagination/Pagination.d.ts +4 -0
  13. package/dist/types/components/Pagination/Pagination.stories.d.ts +17 -2
  14. package/dist/types/components/RadioGroup/RadioGroup.d.ts +2 -2
  15. package/dist/types/components/Tabs/Tabs.d.ts +2 -2
  16. package/dist/types/index.d.ts +1 -0
  17. package/package.json +4 -2
package/dist/types/components/Accordion/Accordion.d.ts CHANGED
@@ -18,8 +18,8 @@ export interface AccordionProps {
18
18
  id?: string;
19
19
  /** Whether the accordion is disabled */
20
20
  disabled?: boolean;
21
- /** Force mobile mode (optional, for testing/storybook) */
22
- forceMobile?: boolean;
21
+ /** Whether the component is in mobile mode */
22
+ isMobile: boolean;
23
23
  }
24
24
  declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
25
25
  export { Accordion };
package/dist/types/components/Accordion/Accordion.stories.d.ts CHANGED
@@ -44,11 +44,12 @@ declare const _default: {
44
44
  type: string;
45
45
  };
46
46
  };
47
- forceMobile: {
47
+ isMobile: {
48
48
  name: string;
49
49
  control: {
50
50
  type: string;
51
51
  };
52
+ description: string;
52
53
  };
53
54
  startIcon: {
54
55
  table: {
@@ -77,7 +78,7 @@ export declare const Default: {
77
78
  startIconType: string;
78
79
  defaultExpanded: boolean;
79
80
  disabled: boolean;
80
- forceMobile: boolean;
81
+ isMobile: boolean;
81
82
  };
82
83
  };
83
84
  export declare const Mobile: {
@@ -89,7 +90,7 @@ export declare const Mobile: {
89
90
  startIconType: string;
90
91
  defaultExpanded: boolean;
91
92
  disabled: boolean;
92
- forceMobile: boolean;
93
+ isMobile: boolean;
93
94
  };
94
95
  };
95
96
  export declare const Desktop: {
@@ -101,7 +102,7 @@ export declare const Desktop: {
101
102
  body: string;
102
103
  startIconType: string;
103
104
  disabled: boolean;
104
- forceMobile: boolean;
105
+ isMobile: boolean;
105
106
  };
106
107
  };
107
108
  export declare const ExpandedByDefault: {
@@ -113,7 +114,7 @@ export declare const ExpandedByDefault: {
113
114
  body: string;
114
115
  startIconType: string;
115
116
  disabled: boolean;
116
- forceMobile: boolean;
117
+ isMobile: boolean;
117
118
  };
118
119
  };
119
120
  export declare const Disabled: {
@@ -125,7 +126,7 @@ export declare const Disabled: {
125
126
  body: string;
126
127
  startIconType: string;
127
128
  defaultExpanded: boolean;
128
- forceMobile: boolean;
129
+ isMobile: boolean;
129
130
  };
130
131
  };
131
132
  export declare const WithDifferentIcons: {
@@ -137,7 +138,7 @@ export declare const WithDifferentIcons: {
137
138
  startIconType: string;
138
139
  defaultExpanded: boolean;
139
140
  disabled: boolean;
140
- forceMobile: boolean;
141
+ isMobile: boolean;
141
142
  };
142
143
  };
143
144
  export declare const MultipleAccordions: {
@@ -157,7 +158,7 @@ export declare const Controlled: {
157
158
  startIconType: string;
158
159
  defaultExpanded: boolean;
159
160
  disabled: boolean;
160
- forceMobile: boolean;
161
+ isMobile: boolean;
161
162
  };
162
163
  };
163
164
  export declare const LongContent: {
@@ -169,6 +170,6 @@ export declare const LongContent: {
169
170
  startIconType: string;
170
171
  defaultExpanded: boolean;
171
172
  disabled: boolean;
172
- forceMobile: boolean;
173
+ isMobile: boolean;
173
174
  };
174
175
  };
package/dist/types/components/Breadcrumb/Breadcrumb.d.ts CHANGED
@@ -7,7 +7,10 @@ export interface BreadcrumbItem {
7
7
  export interface BreadcrumbProps {
8
8
  items: BreadcrumbItem[];
9
9
  className?: string;
10
- testIsMobile?: boolean;
10
+ /**
11
+ * Whether the component is in mobile mode
12
+ */
13
+ isMobile: boolean;
11
14
  }
12
15
  declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
13
16
  export { Breadcrumb };
package/dist/types/components/Breadcrumb/Breadcrumb.stories.d.ts CHANGED
@@ -25,7 +25,7 @@ declare const _default: {
25
25
  };
26
26
  description: string;
27
27
  };
28
- testIsMobile: {
28
+ isMobile: {
29
29
  name: string;
30
30
  control: {
31
31
  type: string;
@@ -43,6 +43,7 @@ declare const _default: {
43
43
  href?: undefined;
44
44
  onClick?: undefined;
45
45
  })[];
46
+ isMobile: boolean;
46
47
  };
47
48
  };
48
49
  export default _default;
@@ -146,7 +147,7 @@ export declare const DesktopView: {
146
147
  (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
147
148
  storyName: string;
148
149
  args: {
149
- testIsMobile: boolean;
150
+ isMobile: boolean;
150
151
  items: ({
151
152
  label: string;
152
153
  onClick: () => void;
@@ -160,7 +161,7 @@ export declare const MobileView: {
160
161
  (args: StoryArgs): import("react/jsx-runtime").JSX.Element;
161
162
  storyName: string;
162
163
  args: {
163
- testIsMobile: boolean;
164
+ isMobile: boolean;
164
165
  items: ({
165
166
  label: string;
166
167
  onClick: () => void;
package/dist/types/components/Chips/Chips.d.ts CHANGED
@@ -29,9 +29,9 @@ export interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
29
29
  */
30
30
  className?: string;
31
31
  /**
32
- * Override mobile detection
32
+ * Whether the component is in mobile mode
33
33
  */
34
- isMobile?: boolean;
34
+ isMobile: boolean;
35
35
  }
36
36
  export declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
37
37
  export default Chips;
package/dist/types/components/Drawer/Drawer.d.ts CHANGED
@@ -7,6 +7,10 @@ export type DrawerProps = {
7
7
  isOpen?: boolean;
8
8
  onClose?: () => void;
9
9
  className?: string;
10
+ /**
11
+ * Whether the component is in mobile mode
12
+ */
13
+ isMobile: boolean;
10
14
  };
11
15
  declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
12
16
  export { Drawer };
package/dist/types/components/Drawer/Drawer.stories.d.ts CHANGED
@@ -32,6 +32,14 @@ declare const _default: {
32
32
  type: string;
33
33
  };
34
34
  };
35
+ isMobile: {
36
+ name: string;
37
+ control: {
38
+ type: string;
39
+ };
40
+ defaultValue: boolean;
41
+ description: string;
42
+ };
35
43
  children: {
36
44
  table: {
37
45
  disable: boolean;
@@ -51,12 +59,11 @@ declare const _default: {
51
59
  };
52
60
  export default _default;
53
61
  export declare const Default: {
54
- ({ triggerButtonText, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
62
+ ({ triggerButtonText, isMobile, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
55
63
  storyName: string;
56
64
  args: {
57
65
  direction: string;
58
- fullScreen: boolean;
59
- triggerButtonText: string;
66
+ isMobile: boolean;
60
67
  };
61
68
  };
62
69
  export declare const TopDirection: {
@@ -65,7 +72,7 @@ export declare const TopDirection: {
65
72
  args: {
66
73
  direction: string;
67
74
  triggerButtonText: string;
68
- fullScreen: boolean;
75
+ isMobile: boolean;
69
76
  };
70
77
  };
71
78
  export declare const LeftDirection: {
@@ -74,7 +81,7 @@ export declare const LeftDirection: {
74
81
  args: {
75
82
  direction: string;
76
83
  triggerButtonText: string;
77
- fullScreen: boolean;
84
+ isMobile: boolean;
78
85
  };
79
86
  };
80
87
  export declare const RightDirection: {
@@ -83,7 +90,7 @@ export declare const RightDirection: {
83
90
  args: {
84
91
  direction: string;
85
92
  triggerButtonText: string;
86
- fullScreen: boolean;
93
+ isMobile: boolean;
87
94
  };
88
95
  };
89
96
  export declare const FullScreenDrawer: {
@@ -93,15 +100,17 @@ export declare const FullScreenDrawer: {
93
100
  fullScreen: boolean;
94
101
  triggerButtonText: string;
95
102
  direction: string;
103
+ isMobile: boolean;
96
104
  };
97
105
  };
98
106
  export declare const NavigationDrawer: {
99
- ({ triggerButtonText, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
107
+ ({ triggerButtonText, isMobile, ...args }: StoryArgs): import("react/jsx-runtime").JSX.Element;
100
108
  storyName: string;
101
109
  args: {
102
110
  direction: string;
103
111
  fullScreen: boolean;
104
112
  triggerButtonText: string;
113
+ isMobile: boolean;
105
114
  };
106
115
  };
107
116
  export declare const MobileVersion: {
@@ -110,6 +119,10 @@ export declare const MobileVersion: {
110
119
  args: {
111
120
  direction: string;
112
121
  triggerButtonText: string;
113
- fullScreen: boolean;
122
+ isMobile: boolean;
114
123
  };
115
124
  };
125
+ export declare const ResponsiveComparison: {
126
+ (): import("react/jsx-runtime").JSX.Element;
127
+ storyName: string;
128
+ };
package/dist/types/components/Input/Input.d.ts CHANGED
@@ -5,6 +5,10 @@ export type InputProps = {
5
5
  helperText?: string;
6
6
  startIcon?: ReactNode;
7
7
  endIcon?: ReactNode;
8
+ /**
9
+ * Whether the component is in mobile mode
10
+ */
11
+ isMobile: boolean;
8
12
  } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id'>;
9
13
  declare const Input: React.ForwardRefExoticComponent<{
10
14
  state?: "default" | "disabled" | "error";
@@ -12,5 +16,9 @@ declare const Input: React.ForwardRefExoticComponent<{
12
16
  helperText?: string;
13
17
  startIcon?: ReactNode;
14
18
  endIcon?: ReactNode;
19
+ /**
20
+ * Whether the component is in mobile mode
21
+ */
22
+ isMobile: boolean;
15
23
  } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "id"> & React.RefAttributes<HTMLInputElement>>;
16
24
  export { Input };
package/dist/types/components/Input/Input.stories.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const _default: {
10
10
  helperText?: string;
11
11
  startIcon?: import("react").ReactNode;
12
12
  endIcon?: import("react").ReactNode;
13
+ isMobile: boolean;
13
14
  } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id"> & import("react").RefAttributes<HTMLInputElement>>;
14
15
  parameters: {
15
16
  docs: {
package/dist/types/components/Pagination/Pagination.d.ts CHANGED
@@ -4,5 +4,9 @@ export interface UnifiedPaginationProps {
4
4
  defaultPage?: number;
5
5
  onPageChange?: (page: number) => void;
6
6
  className?: string;
7
+ /**
8
+ * Whether the component is in mobile mode
9
+ */
10
+ isMobile: boolean;
7
11
  }
8
12
  export declare const Pagination: React.FC<UnifiedPaginationProps>;
package/dist/types/components/Pagination/Pagination.stories.d.ts CHANGED
@@ -36,26 +36,41 @@ declare const _default: {
36
36
  };
37
37
  defaultValue: undefined;
38
38
  };
39
+ isMobile: {
40
+ name: string;
41
+ control: {
42
+ type: string;
43
+ };
44
+ defaultValue: boolean;
45
+ description: string;
46
+ };
39
47
  };
40
48
  };
41
49
  export default _default;
42
50
  type StoryProps = {
43
51
  pageCount: number;
44
52
  defaultPage: number;
53
+ isMobile: boolean;
45
54
  };
46
55
  export declare const Uncontrolled: {
47
- ({ pageCount, defaultPage }: StoryProps): import("react/jsx-runtime").JSX.Element;
56
+ ({ pageCount, defaultPage, isMobile, }: StoryProps): import("react/jsx-runtime").JSX.Element;
48
57
  storyName: string;
49
58
  args: {
50
59
  pageCount: number;
51
60
  defaultPage: number;
61
+ isMobile: boolean;
52
62
  };
53
63
  };
54
64
  export declare const Controlled: {
55
- ({ pageCount, defaultPage }: StoryProps): import("react/jsx-runtime").JSX.Element;
65
+ ({ pageCount, defaultPage, isMobile, }: StoryProps): import("react/jsx-runtime").JSX.Element;
56
66
  storyName: string;
57
67
  args: {
58
68
  pageCount: number;
59
69
  defaultPage: number;
70
+ isMobile: boolean;
60
71
  };
61
72
  };
73
+ export declare const ResponsiveComparison: {
74
+ (): import("react/jsx-runtime").JSX.Element;
75
+ storyName: string;
76
+ };
package/dist/types/components/RadioGroup/RadioGroup.d.ts CHANGED
@@ -43,9 +43,9 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
43
43
  */
44
44
  className?: string;
45
45
  /**
46
- * Override mobile detection for testing
46
+ * Whether the component is in mobile mode
47
47
  */
48
- isMobile?: boolean;
48
+ isMobile: boolean;
49
49
  /**
50
50
  * Layout direction of radio options
51
51
  */
package/dist/types/components/Tabs/Tabs.d.ts CHANGED
@@ -35,9 +35,9 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
35
35
  */
36
36
  className?: string;
37
37
  /**
38
- * Override mobile detection for testing
38
+ * Whether the component is in mobile mode
39
39
  */
40
- isMobile?: boolean;
40
+ isMobile: boolean;
41
41
  }
42
42
  declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
43
43
  export { Tabs };
package/dist/types/index.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const Input: import("react").ForwardRefExoticComponent<Omit<{
8
8
  helperText?: string;
9
9
  startIcon?: import("react").ReactNode;
10
10
  endIcon?: import("react").ReactNode;
11
+ isMobile: boolean;
11
12
  } & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<unknown>>;
12
13
  export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("./components/Tabs/Tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
13
14
  export declare const Drawer: import("react").ForwardRefExoticComponent<Omit<import("./components/Drawer/Drawer").DrawerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<unknown>>;
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "automoby-kit",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "A comprehensive React UI component library with built-in licensing system - created in war 2025",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
7
7
  "types": "dist/types/index.d.ts",
8
+ "type": "module",
8
9
  "files": [
9
10
  "dist"
10
11
  ],
@@ -48,6 +49,7 @@
48
49
  "@rollup/plugin-alias": "^5.1.1",
49
50
  "@rollup/plugin-commonjs": "^28.0.6",
50
51
  "@rollup/plugin-node-resolve": "^16.0.1",
52
+ "@rollup/plugin-terser": "^0.4.4",
51
53
  "@rollup/plugin-typescript": "^12.1.3",
52
54
  "@storybook/addon-docs": "^9.0.6",
53
55
  "@storybook/addon-onboarding": "^9.0.6",
@@ -57,6 +59,7 @@
57
59
  "@types/node": "^24.0.3",
58
60
  "@types/react": "^19.1.4",
59
61
  "@types/react-dom": "^19.1.5",
62
+ "@types/ua-parser-js": "^0.7.39",
60
63
  "@typescript-eslint/eslint-plugin": "^7.18.0",
61
64
  "@typescript-eslint/parser": "^7.18.0",
62
65
  "autoprefixer": "^10.4.21",
@@ -84,7 +87,6 @@
84
87
  "tailwind-merge": "^3.3.1",
85
88
  "tailwindcss": "^4.1.10",
86
89
  "typescript": "^5.8.3",
87
- "@types/ua-parser-js": "^0.7.39",
88
90
  "ua-parser-js": "^2.0.4"
89
91
  }
90
92
  }