@pantograph/vue 0.34.4 → 0.34.6

package/dist/{ComponentMap-C-aljC3v.js → ComponentMap-58eKCf1C.js}

@@ -7,6 +7,7 @@ const o = [
   "Avatar",
   "AvatarGroup",
   "Badge",
+  "Banner",
   "Blanket",
   "Breadcrumb",
   "Button",

package/dist/ComponentMap-DN-k4l0P.js

@@ -0,0 +1 @@
+"use strict";const o=["Accordion","AccordionItem","ActionButton","Alert","AlertDialog","Avatar","AvatarGroup","Badge","Banner","Blanket","Breadcrumb","Button","ButtonGroup","Card","Checkbox","CheckboxGroup","Chip","ChipGroup","CoachMark","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","InputGroup","InputNumber","Kbd","Label","Link","Menu","MenuItem","Modal","ModalTitle","PageIndicator","Pagination","PinInput","Popover","Progress","RadioGroup","RadioGroupItem","Rate","ScrollContainer","Segmented","Select","SelectOption","SelectLabel","Shortcut","Skeleton","Spinner","Stepper","Steps","Step","SubMenu","Switch","Table","Th","Td","Tr","TBody","THead","TFoot","Tabs","TabList","TabTrigger","TabContent","Textarea","Toast","Tooltip","TooltipProvider","Tree","TreeNode","Upload","UploadList","UploadTrigger"];exports.components=o;

package/dist/ComponentMap.d.ts

@@ -1,3 +1,3 @@
-export declare const components: readonly ["Accordion", "AccordionItem", "ActionButton", "Alert", "AlertDialog", "Avatar", "AvatarGroup", "Badge", "Blanket", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "CoachMark", "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", "InputGroup", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Modal", "ModalTitle", "PageIndicator", "Pagination", "PinInput", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "Rate", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "Stepper", "Steps", "Step", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Toast", "Tooltip", "TooltipProvider", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
+export declare const components: readonly ["Accordion", "AccordionItem", "ActionButton", "Alert", "AlertDialog", "Avatar", "AvatarGroup", "Badge", "Banner", "Blanket", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "CoachMark", "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", "InputGroup", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Modal", "ModalTitle", "PageIndicator", "Pagination", "PinInput", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "Rate", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "Stepper", "Steps", "Step", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Toast", "Tooltip", "TooltipProvider", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
 export default components;
 export type Components = (typeof components)[number];

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,235 @@
+import { ClassValue } from 'clsx';
+import { ButtonProps } from '../Button';
+import { IconProps } from '../Icon';
+import { IconButtonProps } from '../IconButton';
+import { LinkProps } from '../Link';
+import { PopoverBaseProps } from '../Popover';
+import { BannerColor, BannerPlacement, BannerPosition } from './Banner.model';
+/**
+ * Props for the Banner component
+ */
+export interface BannerProps {
+    /**
+     * The color variant of the banner
+     * @default 'primary'
+     */
+    color?: BannerColor;
+    /**
+     * The placement of the banner (top or bottom)
+     * @default 'top'
+     */
+    placement?: BannerPlacement;
+    /**
+     * The position type of the banner (absolute or fixed)
+     * @default 'fixed'
+     */
+    position?: BannerPosition;
+    /**
+     * Target element where the banner should be rendered via Teleport
+     * Can be a string selector, HTMLElement, component instance, or function
+     * @default 'body'
+     */
+    to?: PopoverBaseProps['to'];
+    /**
+     * Offset from the placement edge (top or bottom)
+     * Can be a number (in pixels) or a string (e.g., '10px', '1rem')
+     * @default 0
+     */
+    offset?: number | string;
+    /**
+     * Z-index value for the banner
+     */
+    zIndex?: number | string;
+    /**
+     * Whether to defer the Teleport mounting
+     */
+    defer?: boolean;
+    /**
+     * Whether to force mount the Teleport content
+     */
+    forceMount?: boolean;
+    /**
+     * Text direction for the banner
+     */
+    dir?: 'ltr' | 'rtl' | 'auto';
+    /**
+     * Whether the banner can be closed by the user
+     * @default false
+     */
+    closeable?: boolean;
+    /**
+     * Props to pass to the close button (IconButton)
+     */
+    closeProps?: IconButtonProps;
+    /**
+     * Whether the banner content should wrap to multiple lines
+     * When true, the layout changes to accommodate longer content
+     * @default false
+     */
+    wrapped?: boolean;
+    /**
+     * Whether to hide the default icon
+     * @default false
+     */
+    noIcon?: boolean;
+    /**
+     * Title text for the banner (supports HTML)
+     */
+    title?: string;
+    /**
+     * Whether to show a link in the banner
+     * @default false
+     */
+    link?: boolean;
+    /**
+     * Props to pass to the link component
+     */
+    linkProps?: LinkProps;
+    /**
+     * Props to pass to the icon component
+     */
+    iconProps?: IconProps;
+    /**
+     * Whether to show an action button
+     * @default false
+     */
+    action?: boolean;
+    /**
+     * Props to pass to the action button
+     */
+    actionProps?: ButtonProps;
+    /**
+     * CSS classes to apply to the content container
+     */
+    contentCls?: ClassValue;
+    /**
+     * CSS classes to apply to the root banner element
+     */
+    class?: ClassValue;
+    /**
+     * CSS classes to apply to the divider element (used in wrapped mode)
+     */
+    dividerCls?: ClassValue;
+    /**
+     * CSS classes to apply to the actions container
+     */
+    actionsCls?: ClassValue;
+    /**
+     * CSS classes to apply to the body element
+     */
+    bodyCls?: ClassValue;
+    /**
+     * CSS classes to apply to the title element
+     */
+    titleCls?: ClassValue;
+}
+/**
+ * Events emitted by the Banner component
+ */
+export interface BannerEmits {
+    /**
+     * Emitted when the banner is closed by the user
+     * @param data - The pointer event that triggered the close action
+     */
+    close: [data: PointerEvent];
+    /**
+     * Emitted when the action button is clicked
+     * @param data - The pointer event that triggered the action
+     */
+    action: [data: PointerEvent];
+}
+/**
+ * Slots available in the Banner component
+ */
+export interface BannerSlots {
+    /**
+     * Default slot for custom content
+     */
+    default: (params?: object) => never;
+    /**
+     * Custom icon content
+     * Overrides the default icon based on color variant
+     */
+    icon: (params?: object) => never;
+    /**
+     * Custom title content
+     * Overrides the title prop and supports HTML content
+     */
+    title: (params?: object) => never;
+    /**
+     * Custom close button content
+     * Overrides the default close button
+     */
+    close: (params?: object) => never;
+    /**
+     * Custom action button content
+     * Overrides the default action button
+     */
+    action: (params?: object) => never;
+    /**
+     * Custom icon for the close button
+     */
+    closeIcon: (params?: object) => never;
+    /**
+     * Custom actions container content
+     * Used in wrapped mode to customize the entire actions area
+     */
+    actions: (params?: object) => never;
+    /**
+     * Custom pre-icon for the action button
+     */
+    actionPreIcon: (params?: object) => never;
+    /**
+     * Custom post-icon for the action button
+     */
+    actionPostIcon: (params?: object) => never;
+    /**
+     * Custom link content
+     * Overrides the default link component
+     */
+    link: (params?: object) => never;
+    /**
+     * Custom leading icon for the link
+     */
+    linkLeadingIcon: (params?: object) => never;
+    /**
+     * Custom trailing icon for the link
+     */
+    linkTrailingIcon: (params?: object) => never;
+}
+/**
+ * Default props for the Banner component
+ */
+export declare const BANNER_DEFAULT_PROPS: {
+    readonly color: "primary";
+    readonly linkProps: () => {
+        txs: "label";
+        underline: boolean;
+        text: string;
+        trailingIcon: string;
+    };
+    readonly actionProps: () => {
+        text: string;
+    };
+    readonly placement: "top";
+    readonly position: "fixed";
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BannerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (data: PointerEvent) => any;
+    action: (data: PointerEvent) => any;
+}, string, import('vue').PublicProps, Readonly<BannerProps> & Readonly<{
+    onClose?: ((data: PointerEvent) => any) | undefined;
+    onAction?: ((data: PointerEvent) => any) | undefined;
+}>, {
+    color: "primary" | "primary-subtle" | "neutral" | "danger" | "success" | "warning" | "info" | "success-subtle" | "danger-subtle" | "warning-subtle" | "info-subtle" | "neutral-subtle";
+    placement: "top" | "bottom";
+    position: "fixed" | "absolute";
+    linkProps: LinkProps;
+    actionProps: Partial<Omit<import('../..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BannerSlots> & BannerSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Banner/index.d.ts

@@ -0,0 +1,9 @@
+import { default as Banner, BannerProps, BannerEmits, BannerSlots, BANNER_DEFAULT_PROPS } from './Banner';
+import { DefineComponent } from '@pantograph/utils-vue';
+export { Banner, type BannerProps, type BannerEmits, type BannerSlots, BANNER_DEFAULT_PROPS, };
+declare module 'vue' {
+    interface GlobalComponents {
+        Banner: DefineComponent<BannerProps, BannerSlots, BannerEmits>;
+    }
+}
+export * from './Banner.model';

package/dist/components/Chip/Chip.d.ts

@@ -153,8 +153,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ch
     color: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary" | "gray" | "default";
     closeable: boolean;
     unExtendParent: boolean;
-    selected: boolean;
     closeIcon: string;
+    selected: boolean;
     overlayActions: boolean;
     closeTrigger: "click" | "pointer";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<ChipSlots> & ChipSlots>;

package/dist/components/Combobox/ComboboxInput.d.ts

@@ -1,10 +1,10 @@
-import { InputProps, InputSlots } from '../Input';
+import { InputProps } from '../Input';
 export interface ComboboxInputProps extends InputProps {
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ComboboxInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ComboboxInputProps> & Readonly<{}>, {
     disabled: boolean;
     bordered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<InputSlots> & InputSlots>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<import('../Input').InputExtendsSlots> & import('../Input').InputExtendsSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Input/Input.d.ts

@@ -1,10 +1,19 @@
 import { HasRootInputEmits } from '@pantograph/utils-vue';
 import { BaseInputEmits, BaseInputProps, BaseInputSlots } from '../Base/BaseInput/BaseInput';
 /**
- * Props for the Input component
- * Extends BaseInputProps but omits hasValue since it's computed internally
+ * Props inherited from `BaseInput` (the "extended" part).
+ *
+ * Important:
+ * - When a component wants to *reuse and extend* another component's types in Vue
+ *   macros (`defineProps<T>()`, `defineEmits<T>()`, `defineSlots<T>()`), exporting
+ *   a split "extended" + "not-extended" pair (as `type`) is required so consumer
+ *   components can safely compose them.
+ */
+export type InputExtendsProps = Omit<BaseInputProps, 'hasValue'>;
+/**
+ * Props defined by `Input` itself (the "not-extended" part).
  */
-export interface InputProps extends Omit<BaseInputProps, 'hasValue'> {
+export type InputNotExtendsProps = {
     /**
      * The ID for the input element
      */
@@ -41,18 +50,35 @@ export interface InputProps extends Omit<BaseInputProps, 'hasValue'> {
      * The default value for the input
      */
     defaultValue?: string | null;
-}
+};
+/**
+ * Props for the Input component
+ * Extends BaseInputProps but omits hasValue since it's computed internally.
+ */
+export type InputProps = InputExtendsProps & InputNotExtendsProps;
+/**
+ * Slots inherited from `BaseInput` (the "extended" part).
+ */
+export type InputExtendsSlots = Omit<BaseInputSlots, 'default' | 'extra' | 'value'>;
+/**
+ * Slots defined by `Input` itself (the "not-extended" part).
+ *
+ * Kept as `{}` for consistency with the split-type pattern.
+ */
+export type InputNotExtendsSlots = {};
 /**
  * Slots for the Input component
  * Extends BaseInputSlots but omits default, extra, and value slots
  */
-export interface InputSlots extends Omit<BaseInputSlots, 'default' | 'extra' | 'value'> {
-}
+export type InputSlots = InputExtendsSlots & InputNotExtendsSlots;
 /**
- * Emits for the Input component
- * Extends HasRootInputEmits and BaseInputEmits
+ * Emits inherited from `HasRootInputEmits` and `BaseInputEmits` (the "extended" part).
  */
-export interface InputEmits extends HasRootInputEmits, BaseInputEmits {
+export type InputExtendsEmits = HasRootInputEmits & BaseInputEmits;
+/**
+ * Emits defined by `Input` itself (the "not-extended" part).
+ */
+export type InputNotExtendsEmits = {
     /**
      * Emitted when the model value is updated
      */
@@ -61,7 +87,12 @@ export interface InputEmits extends HasRootInputEmits, BaseInputEmits {
      * Emitted when the input value changes
      */
     change: [value?: string | null];
-}
+};
+/**
+ * Emits for the Input component
+ * Extends HasRootInputEmits and BaseInputEmits.
+ */
+export type InputEmits = InputExtendsEmits & InputNotExtendsEmits;
 /**
  * Default props for the Input component
  */
@@ -76,7 +107,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     focus: (option?: FocusOptions | undefined) => void;
     blur: () => void | undefined;
     select: () => void | undefined;
-    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void | undefined;
+    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void | undefined; /**
+     * InputGroup context
+     */
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     blur: (event: InputEvent) => any;
     change: (value?: string | null | undefined) => any;
@@ -98,7 +131,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     bordered: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
-}, HTMLDivElement>, Readonly<InputSlots> & InputSlots>;
+}, HTMLDivElement>, Readonly<InputExtendsSlots> & InputExtendsSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/Input/index.d.ts

@@ -1,6 +1,7 @@
-import { default as Input, InputProps, InputEmits, InputSlots, INPUT_DEFAULT_PROPS } from './Input';
+import { default as Input, InputProps, InputEmits, InputSlots } from './Input';
 import { DefineComponent } from '@pantograph/utils-vue';
-export { Input, type InputProps, type InputEmits, type InputSlots, INPUT_DEFAULT_PROPS };
+export { Input };
+export * from './Input';
 declare module 'vue' {
     interface GlobalComponents {
         Input: DefineComponent<InputProps, InputSlots, InputEmits>;

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/AlertDialog';
 export * from './components/Avatar';
 export * from './components/AvatarGroup';
 export * from './components/Badge';
+export * from './components/Banner';
 export * from './components/Blanket';
 export * from './components/Breadcrumb';
 export * from './components/Button';