@prsm/mono-components 0.1.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 (90) hide show
  1. package/.claude/settings.local.json +13 -0
  2. package/.lore +83 -0
  3. package/histoire.config.js +43 -0
  4. package/package.json +39 -0
  5. package/postcss.config.js +6 -0
  6. package/src/components/Badge.vue +36 -0
  7. package/src/components/Button.vue +44 -0
  8. package/src/components/Checkbox.vue +51 -0
  9. package/src/components/CheckboxCards.vue +61 -0
  10. package/src/components/CodeEditor.vue +299 -0
  11. package/src/components/Collapsible.vue +69 -0
  12. package/src/components/CollapsibleGroup.vue +38 -0
  13. package/src/components/Combobox.vue +179 -0
  14. package/src/components/ContextMenu.vue +65 -0
  15. package/src/components/ContextMenuPanel.vue +115 -0
  16. package/src/components/DataTable.vue +326 -0
  17. package/src/components/Dropdown.vue +127 -0
  18. package/src/components/GhostInput.vue +29 -0
  19. package/src/components/Input.vue +23 -0
  20. package/src/components/KeyValue.vue +149 -0
  21. package/src/components/LabeledTextarea.vue +64 -0
  22. package/src/components/LabeledTextareaGroup.vue +14 -0
  23. package/src/components/Mention.vue +79 -0
  24. package/src/components/Modal.vue +109 -0
  25. package/src/components/MultiCombobox.vue +209 -0
  26. package/src/components/NavTree.vue +98 -0
  27. package/src/components/NumberInput.vue +128 -0
  28. package/src/components/PopConfirm.vue +94 -0
  29. package/src/components/Popover.vue +53 -0
  30. package/src/components/RadioCards.vue +37 -0
  31. package/src/components/RadioGroup.vue +57 -0
  32. package/src/components/RangeSlider.vue +165 -0
  33. package/src/components/ScrollBox.vue +78 -0
  34. package/src/components/SectionHeader.vue +18 -0
  35. package/src/components/Select.vue +187 -0
  36. package/src/components/Switch.vue +85 -0
  37. package/src/components/Tabs.vue +34 -0
  38. package/src/components/TagInput.vue +80 -0
  39. package/src/components/Textarea.vue +97 -0
  40. package/src/components/ToastContainer.vue +104 -0
  41. package/src/components/ToggleButtons.vue +45 -0
  42. package/src/components/ToggleGroup.vue +30 -0
  43. package/src/components/Tooltip.vue +56 -0
  44. package/src/components/Tree.vue +188 -0
  45. package/src/composables/toast.js +54 -0
  46. package/src/composables/useClickOutside.js +23 -0
  47. package/src/composables/useMention.js +291 -0
  48. package/src/composables/usePointerDrag.js +39 -0
  49. package/src/histoire-setup.js +1 -0
  50. package/src/index.js +43 -0
  51. package/src/style.css +96 -0
  52. package/stories/Badge.story.vue +24 -0
  53. package/stories/Button.story.vue +45 -0
  54. package/stories/Checkbox.story.vue +31 -0
  55. package/stories/CheckboxCards.story.vue +51 -0
  56. package/stories/CodeEditor.story.vue +71 -0
  57. package/stories/Collapsible.story.vue +84 -0
  58. package/stories/Combobox.story.vue +44 -0
  59. package/stories/ContextMenu.story.vue +59 -0
  60. package/stories/DataTable.story.vue +185 -0
  61. package/stories/Dropdown.story.vue +49 -0
  62. package/stories/GhostInput.story.vue +24 -0
  63. package/stories/Input.story.vue +23 -0
  64. package/stories/KeyValue.story.vue +104 -0
  65. package/stories/LabeledTextarea.story.vue +44 -0
  66. package/stories/Mention.story.vue +166 -0
  67. package/stories/Modal.story.vue +86 -0
  68. package/stories/MultiCombobox.story.vue +76 -0
  69. package/stories/NavTree.story.vue +184 -0
  70. package/stories/NumberInput.story.vue +31 -0
  71. package/stories/Overview.story.vue +85 -0
  72. package/stories/PopConfirm.story.vue +39 -0
  73. package/stories/RadioCards.story.vue +66 -0
  74. package/stories/RadioGroup.story.vue +52 -0
  75. package/stories/RangeSlider.story.vue +75 -0
  76. package/stories/ScrollBox.story.vue +54 -0
  77. package/stories/SectionHeader.story.vue +22 -0
  78. package/stories/Select.story.vue +34 -0
  79. package/stories/Switch.story.vue +42 -0
  80. package/stories/Tabs.story.vue +34 -0
  81. package/stories/TagInput.story.vue +54 -0
  82. package/stories/Textarea.story.vue +28 -0
  83. package/stories/Toast.story.vue +28 -0
  84. package/stories/ToggleButtons.story.vue +57 -0
  85. package/stories/ToggleGroup.story.vue +34 -0
  86. package/stories/Tooltip.story.vue +55 -0
  87. package/stories/Tree.story.vue +115 -0
  88. package/tailwind.config.js +9 -0
  89. package/tailwind.preset.js +79 -0
  90. package/vite.config.js +6 -0
package/tailwind.preset.js ADDED
@@ -0,0 +1,79 @@
1
+ export default {
2
+ darkMode: "class",
3
+ theme: {
4
+ spacing: {
5
+ 0: "0",
6
+ px: "1px",
7
+ 0.5: "2px",
8
+ 1: "4px",
9
+ 1.5: "6px",
10
+ 2: "8px",
11
+ 2.5: "10px",
12
+ 3: "12px",
13
+ 4: "16px",
14
+ 5: "20px",
15
+ 6: "24px",
16
+ 8: "32px",
17
+ 10: "40px",
18
+ 12: "48px",
19
+ 16: "64px",
20
+ 20: "80px",
21
+ 24: "96px"
22
+ },
23
+ fontSize: {
24
+ xs: "10px",
25
+ sm: "11px",
26
+ base: "12px",
27
+ lg: "13px",
28
+ xl: "14px",
29
+ "2xl": "16px",
30
+ "3xl": "18px"
31
+ },
32
+ fontFamily: {
33
+ mono: ["JetBrains Mono", "Fira Code", "SF Mono", "monospace"]
34
+ },
35
+ borderRadius: {
36
+ none: "0",
37
+ sm: "2px",
38
+ DEFAULT: "4px",
39
+ full: "9999px"
40
+ },
41
+ borderColor: ({ theme }) => ({
42
+ ...theme("colors"),
43
+ DEFAULT: "var(--border)"
44
+ }),
45
+ colors: {
46
+ transparent: "transparent",
47
+ current: "currentColor",
48
+ white: "#fff",
49
+ black: "#000",
50
+ 0: "var(--bg-0)",
51
+ 1: "var(--bg-1)",
52
+ 2: "var(--bg-2)",
53
+ 3: "var(--bg-3)",
54
+ 4: "var(--bg-4)",
55
+ 5: "var(--bg-5)",
56
+ 6: "var(--bg-6)",
57
+ fg: {
58
+ 0: "var(--fg-0)",
59
+ 1: "var(--fg-1)",
60
+ 2: "var(--fg-2)",
61
+ 3: "var(--fg-3)"
62
+ },
63
+ line: {
64
+ DEFAULT: "var(--border)",
65
+ subtle: "var(--border-subtle)"
66
+ },
67
+ accent: {
68
+ DEFAULT: "var(--accent)",
69
+ hover: "var(--accent-hover)",
70
+ subtle: "var(--accent-subtle)"
71
+ },
72
+ success: "var(--success)",
73
+ warning: "var(--warning)",
74
+ error: "var(--error)",
75
+ info: "var(--info)"
76
+ },
77
+ extend: {}
78
+ }
79
+ }
package/vite.config.js ADDED
@@ -0,0 +1,6 @@
1
+ import { defineConfig } from "vite"
2
+ import vue from "@vitejs/plugin-vue"
3
+
4
+ export default defineConfig({
5
+ plugins: [vue()]
6
+ })