@dsbtek/component-library 0.1.5 → 0.1.6
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.
- package/README.md +15 -15
- package/package.json +7 -3
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @dsbtek/component-library
|
|
2
2
|
|
|
3
3
|
A collection of advanced React components built with TypeScript, Tailwind CSS, and shadcn/ui.
|
|
4
4
|
|
|
@@ -28,7 +28,7 @@ A collection of advanced React components built with TypeScript, Tailwind CSS, a
|
|
|
28
28
|
1. Install the package:
|
|
29
29
|
|
|
30
30
|
```bash
|
|
31
|
-
npm install @
|
|
31
|
+
npm install @dsbtek/component-library
|
|
32
32
|
````
|
|
33
33
|
|
|
34
34
|
2. Install peer dependencies:
|
|
@@ -55,7 +55,7 @@ module.exports = {
|
|
|
55
55
|
darkMode: ['class'],
|
|
56
56
|
content: [
|
|
57
57
|
'./src/**/*.{js,ts,jsx,tsx}',
|
|
58
|
-
'./node_modules/@
|
|
58
|
+
'./node_modules/@dsbtek/component-library/**/*.{js,ts,jsx,tsx}',
|
|
59
59
|
],
|
|
60
60
|
theme: {
|
|
61
61
|
extend: {
|
|
@@ -245,7 +245,7 @@ The `useSidebar` hook provides access to the sidebar context. It returns an obje
|
|
|
245
245
|
#### Example Usage
|
|
246
246
|
|
|
247
247
|
```tsx
|
|
248
|
-
import { AppSidebar } from '@
|
|
248
|
+
import { AppSidebar } from '@dsbtek/component-library';
|
|
249
249
|
import { Home, Settings, Users, HelpCircle, LogOut } from 'lucide-react';
|
|
250
250
|
|
|
251
251
|
function SidebarExample() {
|
|
@@ -343,7 +343,7 @@ import {
|
|
|
343
343
|
NavProjects,
|
|
344
344
|
NavMain,
|
|
345
345
|
NavUser
|
|
346
|
-
} from '@
|
|
346
|
+
} from '@dsbtek/component-library';
|
|
347
347
|
import { Home, Settings, Users } from 'lucide-react';
|
|
348
348
|
|
|
349
349
|
function CustomSidebar() {
|
|
@@ -413,7 +413,7 @@ A navigation component that helps users understand their current location within
|
|
|
413
413
|
#### Example Usage
|
|
414
414
|
|
|
415
415
|
```tsx
|
|
416
|
-
import { Breadcrumbs } from '@
|
|
416
|
+
import { Breadcrumbs } from '@dsbtek/component-library';
|
|
417
417
|
|
|
418
418
|
function BreadcrumbsExample() {
|
|
419
419
|
return (
|
|
@@ -446,7 +446,7 @@ A comprehensive color selection component with RGB, HSL support, color schemes,
|
|
|
446
446
|
#### Example Usage
|
|
447
447
|
|
|
448
448
|
```tsx
|
|
449
|
-
import { ColorPicker } from '@
|
|
449
|
+
import { ColorPicker } from '@dsbtek/component-library';
|
|
450
450
|
import { useState } from 'react';
|
|
451
451
|
|
|
452
452
|
function ColorPickerExample() {
|
|
@@ -486,7 +486,7 @@ A feature-rich table component with sorting, filtering, pagination, and more.
|
|
|
486
486
|
#### Example Usage
|
|
487
487
|
|
|
488
488
|
```tsx
|
|
489
|
-
import { DataTable } from '@
|
|
489
|
+
import { DataTable } from '@dsbtek/component-library';
|
|
490
490
|
|
|
491
491
|
function DataTableExample() {
|
|
492
492
|
const columns = [
|
|
@@ -541,7 +541,7 @@ A versatile date and time selection component with support for ranges, time-only
|
|
|
541
541
|
#### Example Usage
|
|
542
542
|
|
|
543
543
|
```tsx
|
|
544
|
-
import { DateTimePicker } from '@
|
|
544
|
+
import { DateTimePicker } from '@dsbtek/component-library';
|
|
545
545
|
import { useState } from 'react';
|
|
546
546
|
|
|
547
547
|
function DateTimePickerExample() {
|
|
@@ -580,7 +580,7 @@ A file upload component with drag and drop support, previews, and progress indic
|
|
|
580
580
|
#### Example Usage
|
|
581
581
|
|
|
582
582
|
```tsx
|
|
583
|
-
import { FileInput } from '@
|
|
583
|
+
import { FileInput } from '@dsbtek/component-library';
|
|
584
584
|
import { useState } from 'react';
|
|
585
585
|
|
|
586
586
|
function FileInputExample() {
|
|
@@ -631,7 +631,7 @@ A flexible select component that supports single or multiple selection with grou
|
|
|
631
631
|
#### Example Usage
|
|
632
632
|
|
|
633
633
|
```tsx
|
|
634
|
-
import { MultiSelect } from '@
|
|
634
|
+
import { MultiSelect } from '@dsbtek/component-library';
|
|
635
635
|
import { useState } from 'react';
|
|
636
636
|
|
|
637
637
|
function MultiSelectExample() {
|
|
@@ -691,7 +691,7 @@ import {
|
|
|
691
691
|
buildMultiStepForm,
|
|
692
692
|
useMultiStepForm,
|
|
693
693
|
Form
|
|
694
|
-
} from '@
|
|
694
|
+
} from '@dsbtek/component-library';
|
|
695
695
|
import { z } from 'zod';
|
|
696
696
|
import { useForm, FormProvider, useFormContext } from 'react-hook-form';
|
|
697
697
|
import {
|
|
@@ -702,9 +702,9 @@ import {
|
|
|
702
702
|
FormMessage
|
|
703
703
|
} from '@/components/ui/form';
|
|
704
704
|
import { Input } from '@/components/ui/input';
|
|
705
|
-
import { PasswordInput } from '@
|
|
706
|
-
import { MultiSelect } from '@
|
|
707
|
-
import { FileInput } from '@
|
|
705
|
+
import { PasswordInput } from '@dsbtek/component-library';
|
|
706
|
+
import { MultiSelect } from '@dsbtek/component-library';
|
|
707
|
+
import { FileInput } from '@dsbtek/component-library';
|
|
708
708
|
|
|
709
709
|
// Define your form schema
|
|
710
710
|
export const signupSchema = z.object({
|
package/package.json
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dsbtek/component-library",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.6",
|
|
4
4
|
"main": "./dist/index.js",
|
|
5
5
|
"module": "./dist/index.mjs",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"access": "public",
|
|
9
|
+
"registry": "https://registry.npmjs.org/"
|
|
10
|
+
},
|
|
7
11
|
"homepage": "https://smartflowtech.com",
|
|
8
12
|
"files": [
|
|
9
13
|
"dist"
|
|
@@ -91,6 +95,6 @@
|
|
|
91
95
|
},
|
|
92
96
|
"repository": {
|
|
93
97
|
"type": "git",
|
|
94
|
-
"url": "https://github.com/smartflowtech-ssbu/component-library"
|
|
98
|
+
"url": "git+https://github.com/smartflowtech-ssbu/component-library.git"
|
|
95
99
|
}
|
|
96
|
-
}
|
|
100
|
+
}
|