@polymarbot/nuxt-layer-shadcn-ui 0.2.1 → 0.3.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 (58) hide show
  1. package/app/assets/styles/globals.css +1 -20
  2. package/app/assets/styles/index.stories.ts +1 -1
  3. package/app/assets/styles/tailwind-preset.css +15 -0
  4. package/app/components/ui/Accordion/index.stories.ts +5 -0
  5. package/app/components/ui/AdminLayout/index.stories.ts +72 -56
  6. package/app/components/ui/Alert/index.stories.ts +4 -0
  7. package/app/components/ui/AlertDialog/index.stories.ts +6 -0
  8. package/app/components/ui/AsyncDataTable/index.stories.ts +6 -0
  9. package/app/components/ui/AsyncDataTable/index.vue +8 -4
  10. package/app/components/ui/AsyncDataTable/types.ts +2 -0
  11. package/app/components/ui/Avatar/index.stories.ts +6 -0
  12. package/app/components/ui/Badge/index.stories.ts +5 -0
  13. package/app/components/ui/Breadcrumb/index.stories.ts +5 -0
  14. package/app/components/ui/Button/index.stories.ts +9 -0
  15. package/app/components/ui/ButtonGroup/index.stories.ts +6 -0
  16. package/app/components/ui/Card/index.stories.ts +5 -0
  17. package/app/components/ui/Checkbox/index.stories.ts +5 -0
  18. package/app/components/ui/CopyButton/index.stories.ts +7 -0
  19. package/app/components/ui/DataTable/index.stories.ts +37 -4
  20. package/app/components/ui/DataTable/index.vue +16 -9
  21. package/app/components/ui/DataTable/types.ts +2 -0
  22. package/app/components/ui/DatePicker/index.stories.ts +9 -0
  23. package/app/components/ui/DateRangePicker/index.stories.ts +7 -0
  24. package/app/components/ui/Divider/index.stories.ts +4 -0
  25. package/app/components/ui/Drawer/index.stories.ts +6 -0
  26. package/app/components/ui/Dropdown/index.stories.ts +9 -0
  27. package/app/components/ui/FormItem/index.stories.ts +7 -0
  28. package/app/components/ui/Help/index.stories.ts +4 -0
  29. package/app/components/ui/Icon/index.stories.ts +4 -0
  30. package/app/components/ui/Input/index.stories.ts +9 -0
  31. package/app/components/ui/InputCurrency/index.stories.ts +7 -0
  32. package/app/components/ui/InputNumber/index.stories.ts +7 -0
  33. package/app/components/ui/Loading/index.stories.ts +3 -0
  34. package/app/components/ui/Modal/index.stories.ts +6 -0
  35. package/app/components/ui/ModalContent/index.stories.ts +5 -0
  36. package/app/components/ui/PageCard/index.stories.ts +14 -0
  37. package/app/components/ui/Pagination/index.stories.ts +5 -0
  38. package/app/components/ui/Popover/index.stories.ts +4 -0
  39. package/app/components/ui/Qrcode/index.stories.ts +4 -0
  40. package/app/components/ui/RadioCardGroup/index.stories.ts +30 -7
  41. package/app/components/ui/RadioGroup/index.stories.ts +7 -0
  42. package/app/components/ui/ScrollArea/index.stories.ts +4 -0
  43. package/app/components/ui/SearchSelect/index.stories.ts +6 -0
  44. package/app/components/ui/SearchSelect/index.vue +5 -4
  45. package/app/components/ui/Select/index.stories.ts +8 -0
  46. package/app/components/ui/Skeleton/index.stories.ts +4 -0
  47. package/app/components/ui/Slider/index.stories.ts +6 -0
  48. package/app/components/ui/Surface/index.stories.ts +5 -0
  49. package/app/components/ui/Tabs/index.stories.ts +8 -0
  50. package/app/components/ui/Tag/index.stories.ts +5 -0
  51. package/app/components/ui/Textarea/index.stories.ts +7 -0
  52. package/app/components/ui/Toast/index.stories.ts +5 -0
  53. package/app/components/ui/Tooltip/index.stories.ts +4 -0
  54. package/app/components/ui/WebLink/index.stories.ts +7 -0
  55. package/nuxt.config.ts +1 -6
  56. package/package.json +7 -5
  57. /package/app/assets/styles/{colors.css → tailwind-colors.css} +0 -0
  58. /package/app/assets/styles/{utilities.css → tailwind-utilities.css} +0 -0
@@ -32,9 +32,12 @@ const meta = {
32
32
  export default meta
33
33
  type Story = StoryObj<typeof meta>
34
34
 
35
+ const noControls = { controls: { disable: true }} satisfies Story['parameters']
36
+
35
37
  export const Default: Story = {}
36
38
 
37
39
  export const Types: Story = {
40
+ parameters: noControls,
38
41
  render: () => ({
39
42
  components: { Toast, Button },
40
43
  setup () {
@@ -61,6 +64,7 @@ export const Types: Story = {
61
64
  }
62
65
 
63
66
  export const WithDescription: Story = {
67
+ parameters: noControls,
64
68
  render: () => ({
65
69
  components: { Toast, Button },
66
70
  setup () {
@@ -79,6 +83,7 @@ export const WithDescription: Story = {
79
83
  }
80
84
 
81
85
  export const Positions: Story = {
86
+ parameters: noControls,
82
87
  render: () => ({
83
88
  components: { Toast, Button },
84
89
  setup () {
@@ -33,9 +33,12 @@ const meta = {
33
33
  export default meta
34
34
  type Story = StoryObj<typeof meta>
35
35
 
36
+ const noControls = { controls: { disable: true }} satisfies Story['parameters']
37
+
36
38
  export const Default: Story = {}
37
39
 
38
40
  export const Positions: Story = {
41
+ parameters: noControls,
39
42
  render: () => ({
40
43
  components: { Tooltip, Button },
41
44
  template: `
@@ -58,6 +61,7 @@ export const Positions: Story = {
58
61
  }
59
62
 
60
63
  export const LongText: Story = {
64
+ parameters: noControls,
61
65
  render: () => ({
62
66
  components: { Tooltip, Button },
63
67
  template: `
@@ -34,9 +34,12 @@ const meta = {
34
34
  export default meta
35
35
  type Story = StoryObj<typeof meta>
36
36
 
37
+ const noControls = { controls: { disable: true }} satisfies Story['parameters']
38
+
37
39
  export const Default: Story = {}
38
40
 
39
41
  export const ExternalLink: Story = {
42
+ parameters: noControls,
40
43
  render: () => ({
41
44
  components: { WebLink },
42
45
  template: `
@@ -49,6 +52,7 @@ export const ExternalLink: Story = {
49
52
  }
50
53
 
51
54
  export const ExternalWithoutIcon: Story = {
55
+ parameters: noControls,
52
56
  render: () => ({
53
57
  components: { WebLink },
54
58
  template: `
@@ -58,6 +62,7 @@ export const ExternalWithoutIcon: Story = {
58
62
  }
59
63
 
60
64
  export const WithExplicitTarget: Story = {
65
+ parameters: noControls,
61
66
  render: () => ({
62
67
  components: { WebLink },
63
68
  template: `
@@ -67,6 +72,7 @@ export const WithExplicitTarget: Story = {
67
72
  }
68
73
 
69
74
  export const Unstyled: Story = {
75
+ parameters: noControls,
70
76
  render: () => ({
71
77
  components: { WebLink },
72
78
  template: `
@@ -79,6 +85,7 @@ export const Unstyled: Story = {
79
85
  }
80
86
 
81
87
  export const InlineUsage: Story = {
88
+ parameters: noControls,
82
89
  render: () => ({
83
90
  components: { WebLink },
84
91
  template: `
package/nuxt.config.ts CHANGED
@@ -13,6 +13,7 @@ export default defineNuxtConfig({
13
13
  },
14
14
 
15
15
  // Package is declared as peerDependency so consumers own the version.
16
+ extends: [ '@polymarbot/nuxt-layer-effect' ],
16
17
  modules: [ '@nuxtjs/i18n' ],
17
18
 
18
19
  // Lazy-loaded messages. @nuxtjs/i18n v9+ lazy-loads every locale file by
@@ -50,12 +51,6 @@ export default defineNuxtConfig({
50
51
  // automatically inherit it via Nuxt's css array merging.
51
52
  css: [ join(currentDir, 'app/assets/styles/globals.css') ],
52
53
 
53
- postcss: {
54
- plugins: {
55
- '@tailwindcss/postcss': {},
56
- },
57
- },
58
-
59
54
  components: [
60
55
  // Layer's own components (absolute paths required)
61
56
  { path: join(currentDir, 'app/components/ui'), pathPrefix: false, extensions: [ 'vue' ]},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@polymarbot/nuxt-layer-shadcn-ui",
3
- "version": "0.2.1",
3
+ "version": "0.3.0",
4
4
  "description": "Nuxt layer providing shadcn-vue based UI components",
5
5
  "type": "module",
6
6
  "main": "./nuxt.config.ts",
@@ -17,8 +17,9 @@
17
17
  "access": "public"
18
18
  },
19
19
  "dependencies": {
20
- "@tailwindcss/postcss": "^4.2.4",
21
20
  "@tanstack/vue-table": "^8.21.3",
21
+ "@types/lodash-es": "^4.17.12",
22
+ "@types/qrcode": "^1.5.6",
22
23
  "@vuepic/vue-datepicker": "^12.1.0",
23
24
  "class-variance-authority": "^0.7.1",
24
25
  "clsx": "^2.1.1",
@@ -28,19 +29,20 @@
28
29
  "qrcode": "^1.5.4",
29
30
  "reka-ui": "^2.9.6",
30
31
  "tailwind-merge": "^3.5.0",
31
- "tailwindcss": "^4.2.4",
32
32
  "tw-animate-css": "^1.4.0",
33
33
  "vue-sonner": "^2.0.9"
34
34
  },
35
35
  "peerDependencies": {
36
- "@polymarbot/uitls-shared": "^0.2.0",
36
+ "@polymarbot/nuxt-layer-effect": "^0.1",
37
+ "@polymarbot/uitls-shared": "^0.3",
37
38
  "@nuxtjs/i18n": "^10",
38
39
  "@vueuse/core": "^14",
39
40
  "dayjs": "^1",
40
41
  "nuxt": "^4",
42
+ "tailwindcss": "^4",
41
43
  "vue": "^3",
42
44
  "vue-i18n": "^11",
43
45
  "vue-router": "^4 || ^5"
44
46
  },
45
- "gitHead": "5630cc385ea698f8b2b12ab84d321cd9a6c610ad"
47
+ "gitHead": "abf2e41c26480c1a60d6e29a247613abf1f9e994"
46
48
  }