@pantograph/vue 0.33.13 → 0.34.1

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 (80) hide show
  1. package/dist/ComponentMap-BYpmn7OL.js +1 -0
  2. package/dist/{ComponentMap-DfPhrYC-.js → ComponentMap-C-aljC3v.js} +6 -0
  3. package/dist/ComponentMap.d.ts +1 -1
  4. package/dist/components/Alert/Alert.d.ts +6 -6
  5. package/dist/components/AlertDialog/useAlertDialog.d.ts +1 -1
  6. package/dist/components/Avatar/Avatar.d.ts +2 -2
  7. package/dist/components/Base/BaseButton/BaseButton.d.ts +3 -3
  8. package/dist/components/Base/BaseInput/BaseInput.d.ts +3 -3
  9. package/dist/components/Base/BaseInput/BaseInput.model.d.ts +1 -1
  10. package/dist/components/CoachMark/CoachMark.d.ts +3 -3
  11. package/dist/components/ColorSwatchGroup/ColorSwatchGroup.d.ts +3 -3
  12. package/dist/components/ColorTrigger/ColorTrigger.d.ts +3 -3
  13. package/dist/components/Combobox/Combobox.d.ts +7 -6
  14. package/dist/components/Combobox/Combobox.model.d.ts +1 -1
  15. package/dist/components/Combobox/context.d.ts +1 -0
  16. package/dist/components/Combobox/types.d.ts +2 -2
  17. package/dist/components/Comment/CommentMention.d.ts +12 -10
  18. package/dist/components/Comment/CommentTrigger.d.ts +1 -1
  19. package/dist/components/DataTable/DataTable.d.ts +1 -1
  20. package/dist/components/DataTable/types/index.d.ts +4 -4
  21. package/dist/components/Empty/Empty.d.ts +4 -4
  22. package/dist/components/Form/FormItem.d.ts +2 -0
  23. package/dist/components/FormValidation/FormValidation.d.ts +1 -1
  24. package/dist/components/GOPicker/GOPicker.d.ts +13 -3
  25. package/dist/components/Image/Image.d.ts +3 -3
  26. package/dist/components/Input/Input.d.ts +3 -3
  27. package/dist/components/Input/Input.model.d.ts +1 -1
  28. package/dist/components/InputGroup/InputGroup.d.ts +47 -0
  29. package/dist/components/InputGroup/index.d.ts +8 -0
  30. package/dist/components/InputNumber/InputNumber.d.ts +4 -4
  31. package/dist/components/Kbd/Kbd.d.ts +10 -4
  32. package/dist/components/Kbd/index.d.ts +3 -3
  33. package/dist/components/Label/Label.d.ts +7 -7
  34. package/dist/components/Link/Link.d.ts +3 -3
  35. package/dist/components/Menu/Menu.d.ts +3 -3
  36. package/dist/components/MenuItem/MenuItem.d.ts +1 -1
  37. package/dist/components/PinInput/PinInput.model.d.ts +1 -1
  38. package/dist/components/Popover/index.d.ts +1 -1
  39. package/dist/components/Popover/type.d.ts +38 -8
  40. package/dist/components/Popover/utils/container.d.ts +14 -0
  41. package/dist/components/Popover/utils/content.d.ts +33 -0
  42. package/dist/components/Popover/utils/dropdownContext.d.ts +13 -0
  43. package/dist/components/Popover/utils/index.d.ts +6 -0
  44. package/dist/components/Popover/utils/popupContext.d.ts +7 -0
  45. package/dist/components/Popover/utils/portal.d.ts +26 -0
  46. package/dist/components/Popover/utils/usePopoverContext.d.ts +89 -0
  47. package/dist/components/Progress/Progress.d.ts +1 -1
  48. package/dist/components/Progress/ProgressCirclePath.d.ts +1 -1
  49. package/dist/components/RadioGroup/RadioGroupItem.d.ts +1 -1
  50. package/dist/components/Rate/Rate.d.ts +272 -0
  51. package/dist/components/Rate/Rate.model.d.ts +22 -0
  52. package/dist/components/Rate/index.d.ts +9 -0
  53. package/dist/components/Select/Select.model.d.ts +1 -1
  54. package/dist/components/Select/context.d.ts +1 -0
  55. package/dist/components/Select/types.d.ts +2 -2
  56. package/dist/components/Shortcut/Shortcut.d.ts +17 -3
  57. package/dist/components/Shortcut/index.d.ts +3 -3
  58. package/dist/components/Spinner/Spinner.d.ts +2 -2
  59. package/dist/components/Switch/Switch.d.ts +3 -3
  60. package/dist/components/Table/Td.d.ts +2 -2
  61. package/dist/components/Table/Th.d.ts +3 -3
  62. package/dist/components/Textarea/Textarea.d.ts +1 -1
  63. package/dist/components/Textarea/Textarea.model.d.ts +1 -1
  64. package/dist/components/Tooltip/Tooltip.d.ts +149 -20
  65. package/dist/components/Tooltip/TooltipProvider.d.ts +10 -0
  66. package/dist/components/Tooltip/index.d.ts +12 -2
  67. package/dist/components/Tree/Tree.d.ts +1 -1
  68. package/dist/index.d.ts +5 -0
  69. package/dist/index.js +33134 -19201
  70. package/dist/index.umd.cjs +33 -6
  71. package/dist/nuxt/index.js +1 -1
  72. package/dist/nuxt/index.umd.cjs +1 -1
  73. package/dist/resolver/index.js +1 -1
  74. package/dist/resolver/index.umd.cjs +1 -1
  75. package/package.json +9 -10
  76. package/dist/ComponentMap-yKJEBaGH.js +0 -1
  77. package/dist/components/Popover/utils.d.ts +0 -152
  78. /package/dist/components/CoachMark/{_index.d.ts → index.d.ts} +0 -0
  79. /package/dist/components/PinInput/{_index.d.ts → index.d.ts} +0 -0
  80. /package/dist/components/Stepper/{_index.d.ts → index.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
- import { c as a } from "../ComponentMap-DfPhrYC-.js";
1
+ import { c as a } from "../ComponentMap-C-aljC3v.js";
2
2
  import { defineNuxtModule as f, addComponent as r } from "@nuxt/kit";
3
3
  const u = f({
4
4
  meta: {
@@ -1 +1 @@
1
- "use strict";const c=require("../ComponentMap-yKJEBaGH.js"),n=require("@nuxt/kit"),a=n.defineNuxtModule({meta:{name:"@pantograph/vue/nuxt",configKey:"@pantograph/vue",compatibility:{nuxt:">=3.0.0"}},defaults:{prefix:"",components:!0,cssInJs:!0,loadFonts:!1},setup(i,o){const{prefix:p,components:s,cssInJs:e=!0,loadFonts:r=!1}=i;if(s!==!1){o.options.runtimeConfig||(o.options.runtimeConfig={}),o.options.runtimeConfig.public||(o.options.runtimeConfig.public={}),o.options.runtimeConfig.public.pantograph={cssInJs:e??!0},e||(o.options.css||(o.options.css=[]),o.options.css.push("@pantograph/styles/index.css")),r&&(o.options.css||(o.options.css=[]),o.options.css.push("@pantograph/tokens/style/index.css"));for(const t of c.components)(s===!0||typeof s=="object"&&s[t])&&n.addComponent({name:`${p}${t}`,export:t,filePath:"@pantograph/vue"})}}});module.exports=a;
1
+ "use strict";const c=require("../ComponentMap-BYpmn7OL.js"),n=require("@nuxt/kit"),a=n.defineNuxtModule({meta:{name:"@pantograph/vue/nuxt",configKey:"@pantograph/vue",compatibility:{nuxt:">=3.0.0"}},defaults:{prefix:"",components:!0,cssInJs:!0,loadFonts:!1},setup(i,o){const{prefix:p,components:s,cssInJs:e=!0,loadFonts:r=!1}=i;if(s!==!1){o.options.runtimeConfig||(o.options.runtimeConfig={}),o.options.runtimeConfig.public||(o.options.runtimeConfig.public={}),o.options.runtimeConfig.public.pantograph={cssInJs:e??!0},e||(o.options.css||(o.options.css=[]),o.options.css.push("@pantograph/styles/index.css")),r&&(o.options.css||(o.options.css=[]),o.options.css.push("@pantograph/tokens/style/index.css"));for(const t of c.components)(s===!0||typeof s=="object"&&s[t])&&n.addComponent({name:`${p}${t}`,export:t,filePath:"@pantograph/vue"})}}});module.exports=a;
@@ -1,4 +1,4 @@
1
- import { c as r } from "../ComponentMap-DfPhrYC-.js";
1
+ import { c as r } from "../ComponentMap-C-aljC3v.js";
2
2
  function f(n, e = !1) {
3
3
  const s = ["@pantograph/tokens/style/index.css"];
4
4
  return e ? s : [...s, "@pantograph/styles/index.css"];
@@ -1 +1 @@
1
- "use strict";const r=require("../ComponentMap-yKJEBaGH.js");function c(o,e=!1){const s=["@pantograph/tokens/style/index.css"];return e?s:[...s,"@pantograph/styles/index.css"]}const i=(o={})=>{const{prefix:e="",cssInJs:s=!1}=o;return{type:"component",resolve:t=>{if(e){const f=e.toLowerCase();if(t.toLowerCase().startsWith(f)){const n=t.substring(e.length);if(r.components.includes(n))return{name:n,from:"@pantograph/vue",sideEffects:c(n,s)}}}else if(r.components.includes(t))return{name:t,from:"@pantograph/vue",sideEffects:c(t,s)}}}};module.exports=i;
1
+ "use strict";const r=require("../ComponentMap-BYpmn7OL.js");function c(o,e=!1){const s=["@pantograph/tokens/style/index.css"];return e?s:[...s,"@pantograph/styles/index.css"]}const i=(o={})=>{const{prefix:e="",cssInJs:s=!1}=o;return{type:"component",resolve:t=>{if(e){const f=e.toLowerCase();if(t.toLowerCase().startsWith(f)){const n=t.substring(e.length);if(r.components.includes(n))return{name:n,from:"@pantograph/vue",sideEffects:c(n,s)}}}else if(r.components.includes(t))return{name:t,from:"@pantograph/vue",sideEffects:c(t,s)}}}};module.exports=i;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantograph/vue",
3
- "version": "0.33.13",
3
+ "version": "0.34.1",
4
4
  "id": "vue",
5
5
  "private": false,
6
6
  "license": "MIT",
@@ -12,7 +12,7 @@
12
12
  "scripts": {
13
13
  "dev": "histoire dev --port 6007",
14
14
  "site-dev": "vite",
15
- "story-build": "histoire build",
15
+ "story-build": "npm run generate-overview && histoire build",
16
16
  "story-start": "histoire preview --port 6007",
17
17
  "preBuild": "turbo run lint && turbo run format",
18
18
  "build": "vite build",
@@ -27,16 +27,11 @@
27
27
  "email": "sedmedgh@gmail.com"
28
28
  },
29
29
  "dependencies": {
30
- "@iconify/vue": "5.0.0",
31
30
  "@pantograph/sortable": ">=2.2.2",
32
- "@pantograph/styles": ">=0.0.6",
31
+ "@pantograph/styles": ">=0.0.7",
33
32
  "@pantograph/tokens": ">=1.0.11",
34
33
  "@pantograph/utils": ">=0.0.36",
35
- "@pantograph/utils-vue": ">=0.0.13",
36
- "@tanstack/vue-table": "8.21.2",
37
- "@vee-validate/rules": "4.15.1",
38
- "vee-validate": "4.15.1",
39
- "vue-tippy": "6.6.0"
34
+ "@pantograph/utils-vue": ">=0.0.14"
40
35
  },
41
36
  "devDependencies": {
42
37
  "@histoire/plugin-vue": "0.17.17",
@@ -46,6 +41,7 @@
46
41
  "@vee-validate/zod": "4.15.1",
47
42
  "@vitejs/plugin-vue": "6.0.0",
48
43
  "axios": "1.9.0",
44
+ "@iconify/vue": "5.0.0",
49
45
  "eslint-config-custom": "*",
50
46
  "histoire": "0.17.17",
51
47
  "maska": "3.1.1",
@@ -53,7 +49,10 @@
53
49
  "tsconfig": "*",
54
50
  "unplugin-vue-components": "29.1.0",
55
51
  "vue-tsc": "2.2.12",
56
- "zod": "^4.1.12"
52
+ "zod": "^4.1.12",
53
+ "@tanstack/vue-table": "8.21.2",
54
+ "@vee-validate/rules": "4.15.1",
55
+ "vee-validate": "4.15.1"
57
56
  },
58
57
  "peerDependencies": {
59
58
  "vue": ">=3.5.14",
@@ -1 +0,0 @@
1
- "use strict";const o=["Accordion","AccordionItem","ActionButton","Alert","AlertDialog","Avatar","AvatarGroup","Badge","Blanket","Breadcrumb","Button","ButtonGroup","Card","Checkbox","CheckboxGroup","Chip","ChipGroup","ColorPicker","ColorSwatch","ColorSwatchGroup","ColorTrigger","Combobox","ComboboxInput","ComboboxOption","Comment","CommentAction","CommentReaction","CommentReactionListItem","CommentReactionHoverCard","CommentMention","CommentEditor","CommentTrigger","ConfigProvider","DataTable","Dialog","DialogTitle","Divider","Drawer","DrawerTitle","DropZone","Empty","FloatButton","Form","FormItem","FormValidation","GOPicker","GraphicalObject","GraphicalObjectGroup","HoverCard","Icon","IconButton","Image","IndentLevel","Indicator","Input","InputNumber","Kbd","Label","Link","Menu","MenuItem","Modal","ModalTitle","PageIndicator","Pagination","Popover","Progress","RadioGroup","RadioGroupItem","ScrollContainer","Segmented","Select","SelectOption","SelectLabel","Shortcut","Skeleton","Spinner","Steps","Step","SubMenu","Switch","Table","Th","Td","Tr","TBody","THead","TFoot","Tabs","TabList","TabTrigger","TabContent","Textarea","Toast","Tooltip","Tree","TreeNode","Upload","UploadList","UploadTrigger"];exports.components=o;
@@ -1,152 +0,0 @@
1
- import { Component, ComputedRef, Ref } from 'vue';
2
- import { PopoverContentProps, PopoverRootProps } from 'reka-ui';
3
- import { Direction, FlipOnDir } from '../ConfigProvider';
4
- import { EmitType } from '@pantograph/utils-vue';
5
- import { PopoverBaseProps, PopoverEmits, PopoverSlots, PopupContext } from './type';
6
- /**
7
- * Popup context for managing popup container references
8
- */
9
- declare const providePopupContext: (contextValue: Partial<PopupContext>) => Partial<PopupContext>;
10
- declare const injectPopupContext: () => Partial<PopupContext>;
11
- export { injectPopupContext, providePopupContext };
12
- /**
13
- * Keys for PopoverPortal props
14
- */
15
- declare const popoverPortalPropsKeys: readonly ["to", "defer", "disabled", "forceMount", "ignoreParentTo"];
16
- /**
17
- * Type for PopoverPortal prop names
18
- */
19
- type PopoverPortalPropsName = Partial<Record<(typeof popoverPortalPropsKeys)[number], string>>;
20
- /**
21
- * Gets the portal props for the Popover component
22
- * @param triggerRef Reference to the trigger element
23
- * @param props The props for the Popover component
24
- * @param propsName Optional mapping of prop names
25
- * @returns Computed object containing the portal props
26
- */
27
- export declare const getPopoverPortalProps: ({ triggerRef, props: _props }: {
28
- triggerRef?: Ref<any>;
29
- props: object;
30
- }, propsName?: PopoverPortalPropsName) => ComputedRef<{
31
- to: string | HTMLElement;
32
- defer: boolean;
33
- disabled: boolean;
34
- forceMount: boolean;
35
- }>;
36
- /**
37
- * Keys for PopoverContainer props
38
- */
39
- declare const popoverContainerPropsKeys: readonly ["prioritizePosition", "placement", "sideOffset", "alignOffset", "sticky", "collisionBoundary", "avoidCollisions", "collisionPadding", "forceMount", "disableUpdateOnLayoutShift", "hideWhenDetached", "positionStrategy", "reference", "updatePositionStrategy", "autoFocusInside", "containerProps", "disableOutsidePointerEvents"];
40
- /**
41
- * Type for PopoverContainer prop names
42
- */
43
- type PopoverContainerPropsName = Partial<Record<(typeof popoverContainerPropsKeys)[number], string>>;
44
- /**
45
- * Type for Popover emits related to focus events
46
- */
47
- type PopoverEmit = EmitType<Pick<PopoverEmits, 'closeAutoFocus' | 'openAutoFocus' | 'openChange'>>;
48
- /**
49
- * Gets the content props for the Popover component
50
- * @param props The props for the Popover component
51
- * @param props._props The original props object
52
- * @param props.emit The emit function for the component
53
- * @param props.flip The flip direction computed ref
54
- * @param props._dir The direction computed ref
55
- * @param props.controlAutoFocus Whether to control auto focus behavior
56
- * @param props.extraPropNames Extra prop names to include
57
- * @param props.emitsAsProps Emits converted to props
58
- * @param propsName Optional mapping of prop names
59
- * @returns Computed object containing the content props
60
- */
61
- export declare const getPopoverContentProps: <T extends Record<string, any>>({ props: _props, emit, flip, _dir, controlAutoFocus, extraPropNames, emitsAsProps, }: {
62
- props: object;
63
- emit?: PopoverEmit;
64
- flip: ComputedRef<FlipOnDir | undefined>;
65
- _dir: ComputedRef<Direction | undefined>;
66
- controlAutoFocus?: boolean;
67
- extraPropNames?: (keyof T)[];
68
- emitsAsProps: Record<string, any>;
69
- }, propsName?: PopoverContainerPropsName) => ComputedRef<PopoverContentProps>;
70
- export interface UsePopoverContentProps extends Partial<Pick<PopoverRootProps, 'defaultOpen' | 'open' | 'modal'>>, PopoverBaseProps {
71
- containerProps?: object;
72
- reference?: PopoverContentProps['reference'];
73
- useReferenceAttribute?: boolean;
74
- }
75
- export declare const usePopoverContext: ({ slots, prefix, props, emit, emitsAsProps, TriggerCmp, isHoverCard, }: {
76
- props: UsePopoverContentProps;
77
- slots: PopoverSlots;
78
- emitsAsProps: Record<string, any>;
79
- prefix: string;
80
- emit?: PopoverEmit;
81
- TriggerCmp: Component;
82
- isHoverCard?: boolean;
83
- }) => {
84
- triggerCLs: string;
85
- variantsClass: (props?: ({
86
- size?: string | null | undefined;
87
- noPadding?: string | null | undefined;
88
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
89
- asChild: import('vue').ShallowRef<boolean, boolean>;
90
- rootOpenProp: ComputedRef<{
91
- 'onUpdate:open': (value: boolean) => void;
92
- open?: boolean | undefined;
93
- defaultOpen?: boolean | undefined;
94
- modal?: boolean | undefined;
95
- }>;
96
- portalProps: ComputedRef<{
97
- to: string | HTMLElement;
98
- defer: boolean;
99
- disabled: boolean;
100
- forceMount: boolean;
101
- }>;
102
- contentProps: ComputedRef<PopoverContentProps>;
103
- contentRef: Ref<any, any>;
104
- reference: Ref<Element | {
105
- getBoundingClientRect: () => {
106
- x: number;
107
- y: number;
108
- width: number;
109
- height: number;
110
- top: number;
111
- bottom: number;
112
- right: number;
113
- left: number;
114
- };
115
- getClientRects?: (() => {
116
- x: number;
117
- y: number;
118
- width: number;
119
- height: number;
120
- top: number;
121
- bottom: number;
122
- right: number;
123
- left: number;
124
- }[] | DOMRectList) | undefined;
125
- contextElement?: Element | undefined;
126
- } | undefined, import('reka-ui').ReferenceElement | {
127
- getBoundingClientRect: () => {
128
- x: number;
129
- y: number;
130
- width: number;
131
- height: number;
132
- top: number;
133
- bottom: number;
134
- right: number;
135
- left: number;
136
- };
137
- getClientRects?: (() => {
138
- x: number;
139
- y: number;
140
- width: number;
141
- height: number;
142
- top: number;
143
- bottom: number;
144
- right: number;
145
- left: number;
146
- }[] | DOMRectList) | undefined;
147
- contextElement?: Element | undefined;
148
- } | undefined>;
149
- Trigger: (attrs: Record<string, any>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
150
- [key: string]: any;
151
- }>;
152
- };