@ttoss/components 2.14.27 → 2.14.28

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 (2) hide show
  1. package/README.md +22 -26
  2. package/package.json +5 -5
package/README.md CHANGED
@@ -19,7 +19,7 @@ All components are theme-aware and integrate seamlessly with `@ttoss/ui`.
19
19
  Accessible accordion component with collapsible content sections. [Docs](https://storybook.ttoss.dev/?path=/docs/components-accordion--docs)
20
20
 
21
21
  ```tsx
22
- import { Accordion } from '@ttoss/components/Accordion';
22
+ import { Accordion } from '@ttoss/components';
23
23
 
24
24
  <Accordion
25
25
  items={[
@@ -40,7 +40,7 @@ import { Accordion } from '@ttoss/components/Accordion';
40
40
  Date range picker with presets and mobile support. [Docs](https://storybook.ttoss.dev/?path=/docs/components-datepicker--docs)
41
41
 
42
42
  ```tsx
43
- import { DatePicker } from '@ttoss/components/DatePicker';
43
+ import { DatePicker } from '@ttoss/components';
44
44
 
45
45
  <DatePicker
46
46
  label="Select period"
@@ -63,7 +63,7 @@ import { DatePicker } from '@ttoss/components/DatePicker';
63
63
  Slide-out panels from screen edges. [Docs](https://storybook.ttoss.dev/?path=/docs/components-drawer--docs)
64
64
 
65
65
  ```tsx
66
- import { Drawer } from '@ttoss/components/Drawer';
66
+ import { Drawer } from '@ttoss/components';
67
67
 
68
68
  <Drawer open={isOpen} direction="right" size="300px">
69
69
  <div>Drawer content</div>
@@ -75,7 +75,7 @@ import { Drawer } from '@ttoss/components/Drawer';
75
75
  Structured title section with icon, badges, and metadata. [Docs](https://storybook.ttoss.dev/?path=/docs/components-enhancedtitle--docs)
76
76
 
77
77
  ```tsx
78
- import { EnhancedTitle } from '@ttoss/components/EnhancedTitle';
78
+ import { EnhancedTitle } from '@ttoss/components';
79
79
 
80
80
  <EnhancedTitle
81
81
  icon="fluent:shield-24-filled"
@@ -101,7 +101,7 @@ import { EnhancedTitle } from '@ttoss/components/EnhancedTitle';
101
101
  Controlled file uploader with drag-and-drop, previews, and validation. [Docs](https://storybook.ttoss.dev/?path=/docs/components-fileuploader--docs)
102
102
 
103
103
  ```tsx
104
- import { FileUploader } from '@ttoss/components/FileUploader';
104
+ import { FileUploader } from '@ttoss/components';
105
105
 
106
106
  <FileUploader
107
107
  onUpload={async (file, onProgress) => {
@@ -122,7 +122,7 @@ import { FileUploader } from '@ttoss/components/FileUploader';
122
122
  PWA installation prompt component.
123
123
 
124
124
  ```tsx
125
- import { InstallPwa } from '@ttoss/components/InstallPwa';
125
+ import { InstallPwa } from '@ttoss/components';
126
126
 
127
127
  <InstallPwa />;
128
128
  ```
@@ -132,7 +132,7 @@ import { InstallPwa } from '@ttoss/components/InstallPwa';
132
132
  JSON editor component. Re-exports from [json-edit-react](https://carlosdevpereira.github.io/json-edit-react/). [Docs](https://storybook.ttoss.dev/?path=/docs/components-jsoneditor--docs)
133
133
 
134
134
  ```tsx
135
- import { JsonEditor } from '@ttoss/components/JsonEditor';
135
+ import { JsonEditor } from '@ttoss/components';
136
136
 
137
137
  <JsonEditor data={jsonData} setData={setJsonData} />;
138
138
  ```
@@ -142,7 +142,7 @@ import { JsonEditor } from '@ttoss/components/JsonEditor';
142
142
  JSON viewer component. Re-exports from [react-json-view-lite](https://github.com/AnyRoad/react-json-view-lite).
143
143
 
144
144
  ```tsx
145
- import { JsonView } from '@ttoss/components/JsonView';
145
+ import { JsonView } from '@ttoss/components';
146
146
 
147
147
  <JsonView data={jsonData} />;
148
148
  ```
@@ -152,7 +152,7 @@ import { JsonView } from '@ttoss/components/JsonView';
152
152
  Unordered lists with customizable items. [Docs](https://storybook.ttoss.dev/?path=/docs/components-list--docs)
153
153
 
154
154
  ```tsx
155
- import { List, ListItem } from '@ttoss/components/List';
155
+ import { List, ListItem } from '@ttoss/components';
156
156
 
157
157
  <List>
158
158
  <ListItem>First item</ListItem>
@@ -165,7 +165,7 @@ import { List, ListItem } from '@ttoss/components/List';
165
165
  Block and display locked features or restricted content within a container. Unlike modals, overlays block only their parent container. [Docs](https://storybook.ttoss.dev/?path=/docs/components-lockedoverlay--docs)
166
166
 
167
167
  ```tsx
168
- import { LockedOverlay } from '@ttoss/components/LockedOverlay';
168
+ import { LockedOverlay } from '@ttoss/components';
169
169
 
170
170
  <Box sx={{ position: 'relative' }}>
171
171
  <LockedOverlay
@@ -196,7 +196,7 @@ import { LockedOverlay } from '@ttoss/components/LockedOverlay';
196
196
  Render markdown content with theme integration. [Docs](https://storybook.ttoss.dev/?path=/docs/components-markdown--docs)
197
197
 
198
198
  ```tsx
199
- import { Markdown } from '@ttoss/components/Markdown';
199
+ import { Markdown } from '@ttoss/components';
200
200
 
201
201
  <Markdown
202
202
  components={{
@@ -212,7 +212,7 @@ import { Markdown } from '@ttoss/components/Markdown';
212
212
  Dropdown menus with customizable triggers. [Docs](https://storybook.ttoss.dev/?path=/docs/components-menu--docs)
213
213
 
214
214
  ```tsx
215
- import { Menu } from '@ttoss/components/Menu';
215
+ import { Menu } from '@ttoss/components';
216
216
 
217
217
  <Menu trigger={<Button>Open Menu</Button>}>
218
218
  <Menu.Item onClick={() => {}}>Action 1</Menu.Item>
@@ -225,7 +225,7 @@ import { Menu } from '@ttoss/components/Menu';
225
225
  Display metrics with progress visualization, status indicators, and contextual information. [Docs](https://storybook.ttoss.dev/?path=/docs/components-metriccard--docs)
226
226
 
227
227
  ```tsx
228
- import { MetricCard } from '@ttoss/components/MetricCard';
228
+ import { MetricCard } from '@ttoss/components';
229
229
 
230
230
  <MetricCard
231
231
  metric={{
@@ -243,7 +243,7 @@ import { MetricCard } from '@ttoss/components/MetricCard';
243
243
  Navigation lists for sidebars, menus, and dropdowns with icons, grouping, and routing integration. [Docs](https://storybook.ttoss.dev/?path=/docs/components-navlist--docs)
244
244
 
245
245
  ```tsx
246
- import { NavList } from '@ttoss/components/NavList';
246
+ import { NavList } from '@ttoss/components';
247
247
 
248
248
  <NavList
249
249
  items={[
@@ -260,7 +260,7 @@ import { NavList } from '@ttoss/components/NavList';
260
260
  Theme-aware modals with accessibility features. [Docs](https://storybook.ttoss.dev/?path=/docs/components-modal--docs)
261
261
 
262
262
  ```tsx
263
- import { Modal } from '@ttoss/components/Modal';
263
+ import { Modal } from '@ttoss/components';
264
264
 
265
265
  <Modal
266
266
  isOpen={isOpen}
@@ -276,7 +276,7 @@ import { Modal } from '@ttoss/components/Modal';
276
276
  Display notification messages with actions. [Docs](https://storybook.ttoss.dev/?path=/docs/components-notificationcard--docs)
277
277
 
278
278
  ```tsx
279
- import { NotificationCard } from '@ttoss/components/NotificationCard';
279
+ import { NotificationCard } from '@ttoss/components';
280
280
 
281
281
  <NotificationCard
282
282
  title="Notification Title"
@@ -290,7 +290,7 @@ import { NotificationCard } from '@ttoss/components/NotificationCard';
290
290
  Menu component for displaying notifications. [Docs](https://storybook.ttoss.dev/?path=/docs/components-notificationsmenu--docs)
291
291
 
292
292
  ```tsx
293
- import { NotificationsMenu } from '@ttoss/components/NotificationsMenu';
293
+ import { NotificationsMenu } from '@ttoss/components';
294
294
 
295
295
  <NotificationsMenu
296
296
  notifications={[{ id: '1', title: 'New message', read: false }]}
@@ -303,7 +303,7 @@ import { NotificationsMenu } from '@ttoss/components/NotificationsMenu';
303
303
  Debounced search input with loading states. [Docs](https://storybook.ttoss.dev/?path=/docs/components-search--docs)
304
304
 
305
305
  ```tsx
306
- import { Search } from '@ttoss/components/Search';
306
+ import { Search } from '@ttoss/components';
307
307
 
308
308
  <Search
309
309
  value={searchText}
@@ -318,7 +318,7 @@ import { Search } from '@ttoss/components/Search';
318
318
  Interactive card with spotlight effect, icon, and action buttons. [Docs](https://storybook.ttoss.dev/?path=/docs/components-spotlightcard--docs)
319
319
 
320
320
  ```tsx
321
- import { SpotlightCard } from '@ttoss/components/SpotlightCard';
321
+ import { SpotlightCard } from '@ttoss/components';
322
322
 
323
323
  <SpotlightCard
324
324
  icon="mdi:rocket-launch"
@@ -334,11 +334,7 @@ import { SpotlightCard } from '@ttoss/components/SpotlightCard';
334
334
  Flexible tables with sorting and pagination. Uses [TanStack Table](https://tanstack.com/table/latest). [Docs](https://storybook.ttoss.dev/?path=/docs/components-table--docs)
335
335
 
336
336
  ```tsx
337
- import {
338
- Table,
339
- useReactTable,
340
- createColumnHelper,
341
- } from '@ttoss/components/Table';
337
+ import { Table, useReactTable, createColumnHelper } from '@ttoss/components';
342
338
 
343
339
  const table = useReactTable({
344
340
  data,
@@ -380,7 +376,7 @@ const table = useReactTable({
380
376
  Tab navigation with content panels. [Docs](https://storybook.ttoss.dev/?path=/docs/components-tabs--docs)
381
377
 
382
378
  ```tsx
383
- import { Tabs } from '@ttoss/components/Tabs';
379
+ import { Tabs } from '@ttoss/components';
384
380
 
385
381
  <Tabs>
386
382
  <Tabs.TabList>
@@ -399,7 +395,7 @@ import { Tabs } from '@ttoss/components/Tabs';
399
395
  Toast notification system. [Docs](https://storybook.ttoss.dev/?path=/docs/components-toast--docs)
400
396
 
401
397
  ```tsx
402
- import { Toast } from '@ttoss/components/Toast';
398
+ import { Toast } from '@ttoss/components';
403
399
 
404
400
  <Toast
405
401
  message="Success message"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/components",
3
- "version": "2.14.27",
3
+ "version": "2.14.28",
4
4
  "description": "React components for ttoss ecosystem.",
5
5
  "keywords": [
6
6
  "React",
@@ -54,17 +54,17 @@
54
54
  "tsdown": "^0.22.2",
55
55
  "tsx": "^4.21.0",
56
56
  "@ttoss/config": "^1.37.16",
57
- "@ttoss/react-hooks": "^2.3.19",
58
57
  "@ttoss/i18n-cli": "^0.8.16",
59
- "@ttoss/react-icons": "^0.7.20",
58
+ "@ttoss/react-hooks": "^2.3.19",
60
59
  "@ttoss/react-i18n": "^2.2.20",
60
+ "@ttoss/test-utils": "^4.2.17",
61
61
  "@ttoss/ui": "^6.9.26",
62
- "@ttoss/test-utils": "^4.2.17"
62
+ "@ttoss/react-icons": "^0.7.20"
63
63
  },
64
64
  "peerDependencies": {
65
65
  "react": ">=16.8.0",
66
- "@ttoss/react-i18n": "^2.2.20",
67
66
  "@ttoss/react-hooks": "^2.3.19",
67
+ "@ttoss/react-i18n": "^2.2.20",
68
68
  "@ttoss/react-icons": "^0.7.20",
69
69
  "@ttoss/ui": "^6.9.26"
70
70
  },