@raylang/vue 0.9.0 → 0.11.0

package/components/pulse.js

@@ -0,0 +1,9 @@
+// Generated by ray-elements tools from component.toml files. Do not edit.
+
+import "@raylang/elements/pulse";
+import { createComponent } from "../create.js";
+
+export const RayPulse = /*#__PURE__*/ createComponent("RayPulse", "ray-pulse", {
+  properties: ["variant", "count", "shape", "fade", "direction", "color", "size", "label"],
+  booleans: [],
+});

package/index.d.ts

@@ -2153,6 +2153,27 @@ export interface RayProgressProps {
 /** <ray-progress> as a Vue component. */
 export declare const RayProgress: DefineComponent<RayProgressProps>;
 
+export interface RayPulseProps {
+  /** The figure: cluster (three concentric circles breathing out of phase), breathe (one dot over a halo), ripple (rings expanding from a dot) or dots (three in a row, in sequence). */
+  variant?: "cluster" | "breathe" | "ripple" | "dots";
+  /** Number of circles, 1 to 5 (more are clamped). Default: the variant's. */
+  count?: number;
+  /** Filled discs (concentric ones fade with size, see --ray-pulse-floor) or outlined rings. Default: the variant's. */
+  shape?: "filled" | "ring";
+  /** Whether a cycle ends transparent; the bare attribute means out. Default: the variant's (ripple and dots fade). */
+  fade?: "out" | "none";
+  /** alternate goes there and back; normal goes one way and restarts (with fade: the ripple). Default: the variant's. */
+  direction?: "alternate" | "normal";
+  /** A palette color or any CSS color. Default: the primary color. */
+  color?: string;
+  /** Height of the figure (the dots variant is wider). */
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  /** Text read by screen readers. */
+  label?: string;
+}
+/** <ray-pulse> as a Vue component. */
+export declare const RayPulse: DefineComponent<RayPulseProps>;
+
 export interface RayRingProgressProps {
   /** Progress, from 0 to max. Unset: indeterminate (a spinning arc). */
   value?: number;
@@ -2501,6 +2522,7 @@ export declare const components: {
   RayNotification: typeof RayNotification;
   RayToaster: typeof RayToaster;
   RayProgress: typeof RayProgress;
+  RayPulse: typeof RayPulse;
   RayRingProgress: typeof RayRingProgress;
   RaySkeleton: typeof RaySkeleton;
   RaySpinner: typeof RaySpinner;
@@ -2599,6 +2621,7 @@ declare module "vue" {
     RayNotification: typeof RayNotification;
     RayToaster: typeof RayToaster;
     RayProgress: typeof RayProgress;
+    RayPulse: typeof RayPulse;
     RayRingProgress: typeof RayRingProgress;
     RaySkeleton: typeof RaySkeleton;
     RaySpinner: typeof RaySpinner;

package/index.js

@@ -58,6 +58,7 @@ import { RayAlert } from "./components/alert.js";
 import { RayEmptyState } from "./components/empty-state.js";
 import { RayNotification, RayToaster } from "./components/notification.js";
 import { RayProgress } from "./components/progress.js";
+import { RayPulse } from "./components/pulse.js";
 import { RayRingProgress } from "./components/ring-progress.js";
 import { RaySkeleton } from "./components/skeleton.js";
 import { RaySpinner } from "./components/spinner.js";
@@ -79,9 +80,9 @@ import { RayThemeToggle } from "./components/theme-toggle.js";
 
 // The factories, to wrap your own custom elements the same way.
 export { createComponent, createPlugin } from "./create.js";
-export { RayButton, RayButtonGroup, RayIconButton, RayToggle, RayToggleGroup, RayCheckbox, RayCheckboxGroup, RayColorPicker, RayColorInput, RayCombobox, RayDatePicker, RayCalendar, RayFileUpload, RayInput, RayModeInput, RayNumberInput, RayPasswordInput, RayPathInput, RayRadioGroup, RayRadio, RayRadioCard, RaySearch, RaySegmentedControl, RaySelect, RaySlider, RaySwitch, RayTextarea, RayBottomNav, RayBottomNavItem, RayBreadcrumbs, RayBreadcrumb, RayDocTabs, RayDocTab, RayNavLink, RayPagination, RaySidebar, RaySidebarGroup, RayStepper, RayStep, RayTabs, RayTab, RayTabPanel, RayCommandPalette, RayDialog, RayDrawer, RayMenu, RayMenuItem, RayMenuLabel, RayMenuDivider, RayPopover, RayTooltip, RayAccordion, RayAccordionItem, RayAttachment, RayAttachments, RayAvatar, RayBadge, RayBlockquote, RayCarousel, RayCode, RayIcon, RayIndicator, RayKbd, RayStat, RayTable, RayTimeline, RayTimelineItem, RayAlert, RayEmptyState, RayNotification, RayToaster, RayProgress, RayRingProgress, RaySkeleton, RaySpinner, RayStepDots, RayAppBar, RayAppShell, RayAspectRatio, RayCard, RayCenter, RayContainer, RayGrid, RayGroup, RayScrollArea, RaySeparator, RaySplit, RayStack, RayStatusbar, RayStatusbarItem, RayThemeToggle };
+export { RayButton, RayButtonGroup, RayIconButton, RayToggle, RayToggleGroup, RayCheckbox, RayCheckboxGroup, RayColorPicker, RayColorInput, RayCombobox, RayDatePicker, RayCalendar, RayFileUpload, RayInput, RayModeInput, RayNumberInput, RayPasswordInput, RayPathInput, RayRadioGroup, RayRadio, RayRadioCard, RaySearch, RaySegmentedControl, RaySelect, RaySlider, RaySwitch, RayTextarea, RayBottomNav, RayBottomNavItem, RayBreadcrumbs, RayBreadcrumb, RayDocTabs, RayDocTab, RayNavLink, RayPagination, RaySidebar, RaySidebarGroup, RayStepper, RayStep, RayTabs, RayTab, RayTabPanel, RayCommandPalette, RayDialog, RayDrawer, RayMenu, RayMenuItem, RayMenuLabel, RayMenuDivider, RayPopover, RayTooltip, RayAccordion, RayAccordionItem, RayAttachment, RayAttachments, RayAvatar, RayBadge, RayBlockquote, RayCarousel, RayCode, RayIcon, RayIndicator, RayKbd, RayStat, RayTable, RayTimeline, RayTimelineItem, RayAlert, RayEmptyState, RayNotification, RayToaster, RayProgress, RayPulse, RayRingProgress, RaySkeleton, RaySpinner, RayStepDots, RayAppBar, RayAppShell, RayAspectRatio, RayCard, RayCenter, RayContainer, RayGrid, RayGroup, RayScrollArea, RaySeparator, RaySplit, RayStack, RayStatusbar, RayStatusbarItem, RayThemeToggle };
 
-export const components = { RayButton, RayButtonGroup, RayIconButton, RayToggle, RayToggleGroup, RayCheckbox, RayCheckboxGroup, RayColorPicker, RayColorInput, RayCombobox, RayDatePicker, RayCalendar, RayFileUpload, RayInput, RayModeInput, RayNumberInput, RayPasswordInput, RayPathInput, RayRadioGroup, RayRadio, RayRadioCard, RaySearch, RaySegmentedControl, RaySelect, RaySlider, RaySwitch, RayTextarea, RayBottomNav, RayBottomNavItem, RayBreadcrumbs, RayBreadcrumb, RayDocTabs, RayDocTab, RayNavLink, RayPagination, RaySidebar, RaySidebarGroup, RayStepper, RayStep, RayTabs, RayTab, RayTabPanel, RayCommandPalette, RayDialog, RayDrawer, RayMenu, RayMenuItem, RayMenuLabel, RayMenuDivider, RayPopover, RayTooltip, RayAccordion, RayAccordionItem, RayAttachment, RayAttachments, RayAvatar, RayBadge, RayBlockquote, RayCarousel, RayCode, RayIcon, RayIndicator, RayKbd, RayStat, RayTable, RayTimeline, RayTimelineItem, RayAlert, RayEmptyState, RayNotification, RayToaster, RayProgress, RayRingProgress, RaySkeleton, RaySpinner, RayStepDots, RayAppBar, RayAppShell, RayAspectRatio, RayCard, RayCenter, RayContainer, RayGrid, RayGroup, RayScrollArea, RaySeparator, RaySplit, RayStack, RayStatusbar, RayStatusbarItem, RayThemeToggle };
+export const components = { RayButton, RayButtonGroup, RayIconButton, RayToggle, RayToggleGroup, RayCheckbox, RayCheckboxGroup, RayColorPicker, RayColorInput, RayCombobox, RayDatePicker, RayCalendar, RayFileUpload, RayInput, RayModeInput, RayNumberInput, RayPasswordInput, RayPathInput, RayRadioGroup, RayRadio, RayRadioCard, RaySearch, RaySegmentedControl, RaySelect, RaySlider, RaySwitch, RayTextarea, RayBottomNav, RayBottomNavItem, RayBreadcrumbs, RayBreadcrumb, RayDocTabs, RayDocTab, RayNavLink, RayPagination, RaySidebar, RaySidebarGroup, RayStepper, RayStep, RayTabs, RayTab, RayTabPanel, RayCommandPalette, RayDialog, RayDrawer, RayMenu, RayMenuItem, RayMenuLabel, RayMenuDivider, RayPopover, RayTooltip, RayAccordion, RayAccordionItem, RayAttachment, RayAttachments, RayAvatar, RayBadge, RayBlockquote, RayCarousel, RayCode, RayIcon, RayIndicator, RayKbd, RayStat, RayTable, RayTimeline, RayTimelineItem, RayAlert, RayEmptyState, RayNotification, RayToaster, RayProgress, RayPulse, RayRingProgress, RaySkeleton, RaySpinner, RayStepDots, RayAppBar, RayAppShell, RayAspectRatio, RayCard, RayCenter, RayContainer, RayGrid, RayGroup, RayScrollArea, RaySeparator, RaySplit, RayStack, RayStatusbar, RayStatusbarItem, RayThemeToggle };
 
 /** app.use(RayElements) registers every component globally. */
 export const RayElements = /*#__PURE__*/ createPlugin(components);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raylang/vue",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "Vue 3 wrappers (with v-model) of the ray-elements web components",
   "license": "Apache-2.0",
   "keywords": ["web-components", "design-system", "ui", "raylang", "vue"],
@@ -28,7 +28,7 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@raylang/elements": "^0.9.0",
+    "@raylang/elements": "^0.11.0",
     "vue": ">=3.3"
   }
 }