@leavepulse/ui 0.29.5 → 0.30.0

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export { default as LpAddressInput } from './components/LpAddressInput.vue';
 export { default as LpMapPicker } from './components/LpMapPicker.vue';
 export { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject, } from './components/address';
 export type { AddressField, AddressLabels, AddressSuggestion, AddressValue, GeocodeProvider, GeocodeQuery, LatLon, NominatimOptions, TileSource, } from './components/address';
+export { default as LpActionBar } from './components/LpActionBar.vue';
+export type { ActionBarAction } from './components/LpActionBar.vue';
 export { default as LpAlert } from './components/LpAlert.vue';
 export { default as LpAppShell } from './components/LpAppShell.vue';
 export { default as LpAutocomplete } from './components/LpAutocomplete.vue';
@@ -21,6 +23,10 @@ export type { ChartAxis, ChartPoint, ChartSeries } from './components/chart';
 export { default as LpCheckbox } from './components/LpCheckbox.vue';
 export { default as LpCodeBlock } from './components/LpCodeBlock.vue';
 export type { CodeLang } from './components/codeHighlight';
+export { default as LpColorPicker } from './components/LpColorPicker.vue';
+export type { ColorPickerLabels } from './components/LpColorPicker.vue';
+export { clampHsv, DEFAULT_SWATCHES, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv, } from './components/color';
+export type { ColorFormat, Hsv, Rgb } from './components/color';
 export { default as LpCommandPalette } from './components/LpCommandPalette.vue';
 export type { Command } from './components/LpCommandPalette.vue';
 export { default as LpConfirmDialog } from './components/LpConfirmDialog.vue';
@@ -124,6 +130,8 @@ export { amber, dark, leavepulse, light, lime, nord, presets, rose, violet } fro
 export type { PresetName } from './theme/presets';
 export { parseConfig, serializeConfig, UI_CONFIG_VERSION } from './theme/config';
 export type { UiConfig } from './theme/config';
+export { useClipboard } from './composables/useClipboard';
+export type { CopyOptions, UseClipboard } from './composables/useClipboard';
 export { useHotkeys, isAppleKeyboard, appleModifierLabel } from './composables/useHotkeys';
 export type { HotkeyBinding } from './composables/useHotkeys';
 export { useInputFilter } from './composables/useInputFilter';

package/dist/index.js

@@ -2,84 +2,88 @@ import { _ } from "./chunks/LayoutCanvas-Dd20boUG.js";
 import { _ as _2 } from "./chunks/LpAddressInput-Bk6D8Bcy.js";
 import { _ as _3 } from "./chunks/LpMapPicker-CXvoTrAe.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
-import { _ as _4 } from "./chunks/LpAlert-BAYHDSS1.js";
-import { _ as _5 } from "./chunks/LpAppShell-BJk3b-u4.js";
-import { _ as _6 } from "./chunks/LpAutocomplete-DExlIZe_.js";
-import { _ as _7 } from "./chunks/LpAvatar-D3l4nabg.js";
-import { _ as _8 } from "./chunks/LpBadge-BPodVcJa.js";
-import { _ as _9 } from "./chunks/LpBreadcrumbs-5uvViCXi.js";
-import { _ as _10 } from "./chunks/LpButton-5VXXCjwF.js";
-import { _ as _11 } from "./chunks/LpCalendar-B7ZL0ty3.js";
-import { _ as _12 } from "./chunks/LpCard-D0M2ZCnB.js";
+import { _ as _4 } from "./chunks/LpActionBar-CxmBZpGu.js";
+import { _ as _5 } from "./chunks/LpAlert-BAYHDSS1.js";
+import { _ as _6 } from "./chunks/LpAppShell-DnocEJAu.js";
+import { _ as _7 } from "./chunks/LpAutocomplete-DExlIZe_.js";
+import { _ as _8 } from "./chunks/LpAvatar-D3l4nabg.js";
+import { _ as _9 } from "./chunks/LpBadge-BPodVcJa.js";
+import { _ as _10 } from "./chunks/LpBreadcrumbs-5uvViCXi.js";
+import { _ as _11 } from "./chunks/LpButton-5VXXCjwF.js";
+import { _ as _12 } from "./chunks/LpCalendar-B7ZL0ty3.js";
+import { _ as _13 } from "./chunks/LpCard-D0M2ZCnB.js";
 import { default as default2 } from "./components/LpChart.vue.js";
 import { CHART_PALETTE, axisTicks, formatTick, niceScale, resolveSlices } from "./components/chart.js";
-import { _ as _13 } from "./chunks/LpCheckbox-BO0zuuPh.js";
-import { _ as _14 } from "./chunks/LpCodeBlock-rS_6mO3D.js";
+import { _ as _14 } from "./chunks/LpCheckbox-BO0zuuPh.js";
+import { _ as _15 } from "./chunks/LpCodeBlock-BWX1KZwk.js";
+import { _ as _16 } from "./chunks/LpColorPicker-CFC6iaNK.js";
+import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
 import { default as default3 } from "./components/LpCommandPalette.vue.js";
-import { _ as _15 } from "./chunks/LpConfirmDialog-CjOGcj1e.js";
-import { _ as _16 } from "./chunks/LpContextMenu-B6WBLleS.js";
-import { _ as _17 } from "./chunks/LpDatePicker-dY2q4dr4.js";
-import { _ as _18 } from "./chunks/LpDisclosure-BnwP4Q-b.js";
-import { _ as _19 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _20 } from "./chunks/LpDrawer-DAJN5rGK.js";
-import { _ as _21 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
+import { _ as _17 } from "./chunks/LpConfirmDialog-CjOGcj1e.js";
+import { _ as _18 } from "./chunks/LpContextMenu-B6WBLleS.js";
+import { _ as _19 } from "./chunks/LpDatePicker-dY2q4dr4.js";
+import { _ as _20 } from "./chunks/LpDisclosure-C1_YkMrd.js";
+import { _ as _21 } from "./chunks/LpDivider-CUX46KR0.js";
+import { _ as _22 } from "./chunks/LpDrawer-DAJN5rGK.js";
+import { _ as _23 } from "./chunks/LpDropdownMenu-DJpoqRCb.js";
 import { default as default4 } from "./components/LpDropzone.vue.js";
-import { _ as _22 } from "./chunks/LpEmptyState-BV3q7Qyi.js";
-import { _ as _23 } from "./chunks/LpFileTree-DfFqY__1.js";
+import { _ as _24 } from "./chunks/LpEmptyState-BV3q7Qyi.js";
+import { _ as _25 } from "./chunks/LpFileTree-DfFqY__1.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
-import { _ as _24 } from "./chunks/LpFormField-fV_2ZdCk.js";
-import { _ as _25 } from "./chunks/LpIcon-CCnX5_2j.js";
+import { _ as _26 } from "./chunks/LpFormField-fV_2ZdCk.js";
+import { _ as _27 } from "./chunks/LpIcon-CCnX5_2j.js";
 import { default as default5 } from "./components/LpImageEditor.vue.js";
-import { _ as _26 } from "./chunks/LpInfraNode-Ds_8SZgN.js";
-import { _ as _27 } from "./chunks/LpInput-CYcTL9gj.js";
-import { _ as _28 } from "./chunks/LpLightbox-Ci35Y_xP.js";
+import { _ as _28 } from "./chunks/LpInfraNode-Ds_8SZgN.js";
+import { _ as _29 } from "./chunks/LpInput-CYcTL9gj.js";
+import { _ as _30 } from "./chunks/LpLightbox-Ci35Y_xP.js";
 import { fileNameOf } from "./components/lightbox.js";
-import { _ as _29 } from "./chunks/LpLink-BHZ1CLlF.js";
-import { _ as _30 } from "./chunks/LpLogViewer-CVaGfTF_.js";
-import { _ as _31 } from "./chunks/LpModal-D_o-56To.js";
-import { _ as _32 } from "./chunks/LpNotificationBell-CTsIcPqX.js";
-import { _ as _33 } from "./chunks/LpNumberField-NPE8Bumx.js";
-import { _ as _34 } from "./chunks/LpNumberFlow-amWYaeuA.js";
-import { _ as _35 } from "./chunks/LpOtpInput-DqaT0Z75.js";
-import { _ as _36 } from "./chunks/LpPagination-CeGuNe_q.js";
-import { _ as _37 } from "./chunks/LpPasswordInput-DrYE4J5d.js";
-import { _ as _38 } from "./chunks/LpPie-BL1vTDSM.js";
-import { _ as _39 } from "./chunks/LpPhoneInput-NXXjciJJ.js";
+import { _ as _31 } from "./chunks/LpLink-BHZ1CLlF.js";
+import { _ as _32 } from "./chunks/LpLogViewer-TSRyt3t9.js";
+import { _ as _33 } from "./chunks/LpModal-D_o-56To.js";
+import { _ as _34 } from "./chunks/LpNotificationBell-CTsIcPqX.js";
+import { _ as _35 } from "./chunks/LpNumberField-NPE8Bumx.js";
+import { _ as _36 } from "./chunks/LpNumberFlow-amWYaeuA.js";
+import { _ as _37 } from "./chunks/LpOtpInput-DqaT0Z75.js";
+import { _ as _38 } from "./chunks/LpPagination-CeGuNe_q.js";
+import { _ as _39 } from "./chunks/LpPasswordInput-DrYE4J5d.js";
+import { _ as _40 } from "./chunks/LpPie-BL1vTDSM.js";
+import { _ as _41 } from "./chunks/LpPhoneInput-NXXjciJJ.js";
 import { flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
-import { _ as _40 } from "./chunks/LpPopover-8268UmlC.js";
-import { _ as _41 } from "./chunks/LpProgress-Btq5W4Ut.js";
-import { _ as _42 } from "./chunks/LpRadio-CL-pI0_O.js";
-import { _ as _43 } from "./chunks/LpRadioGroup-B4yDTmi6.js";
-import { _ as _44 } from "./chunks/LpRollingText-CM5gkSeF.js";
-import { _ as _45 } from "./chunks/LpScrollArea-D8xyKXcF.js";
-import { _ as _46 } from "./chunks/LpSegmented-BmpanyAo.js";
-import { _ as _47 } from "./chunks/LpSection-aM6J_u51.js";
-import { _ as _48 } from "./chunks/LpSelect-ANIVtrpM.js";
-import { _ as _49 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
-import { _ as _50 } from "./chunks/LpShift-DXNsauQZ.js";
+import { _ as _42 } from "./chunks/LpPopover-8268UmlC.js";
+import { _ as _43 } from "./chunks/LpProgress-Btq5W4Ut.js";
+import { _ as _44 } from "./chunks/LpRadio-CL-pI0_O.js";
+import { _ as _45 } from "./chunks/LpRadioGroup-B4yDTmi6.js";
+import { _ as _46 } from "./chunks/LpRollingText-CM5gkSeF.js";
+import { _ as _47 } from "./chunks/LpScrollArea-D8xyKXcF.js";
+import { _ as _48 } from "./chunks/LpSegmented-BmpanyAo.js";
+import { _ as _49 } from "./chunks/LpSection-aM6J_u51.js";
+import { _ as _50 } from "./chunks/LpSelect-ANIVtrpM.js";
+import { _ as _51 } from "./chunks/LpServiceNode-D8uJ8sGk.js";
+import { _ as _52 } from "./chunks/LpShift-DXNsauQZ.js";
 import { default as default6 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _51 } from "./chunks/LpSidebar-C_Mr-JPI.js";
-import { _ as _52 } from "./chunks/LpSkeleton-CTI-vBgW.js";
-import { _ as _53 } from "./chunks/LpSlider-B1SF3pRV.js";
-import { _ as _54 } from "./chunks/LpSparkline-C6xQ2dwv.js";
-import { _ as _55 } from "./chunks/LpStat-CDanpzU0.js";
-import { _ as _56 } from "./chunks/LpStepper-Wtl-6nUh.js";
-import { _ as _57 } from "./chunks/LpSwitch-v6fnccSM.js";
+import { _ as _53 } from "./chunks/LpSidebar-CWSbczWi.js";
+import { _ as _54 } from "./chunks/LpSkeleton-CTI-vBgW.js";
+import { _ as _55 } from "./chunks/LpSlider-B1SF3pRV.js";
+import { _ as _56 } from "./chunks/LpSparkline-C6xQ2dwv.js";
+import { _ as _57 } from "./chunks/LpStat-CDanpzU0.js";
+import { _ as _58 } from "./chunks/LpStepper-Wtl-6nUh.js";
+import { _ as _59 } from "./chunks/LpSwitch-v6fnccSM.js";
 import { default as default7 } from "./components/LpTable.vue.js";
-import { _ as _58 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
-import { _ as _59 } from "./chunks/LpTabs-Cefe_lys.js";
-import { _ as _60 } from "./chunks/LpTextarea-BMIOfw5l.js";
+import { _ as _60 } from "./chunks/LpTableOfContents-CjvxPMpU.js";
+import { _ as _61 } from "./chunks/LpTabs-Cefe_lys.js";
+import { _ as _62 } from "./chunks/LpTextarea-BMIOfw5l.js";
 import { p as presets, a as parseTheme, s as serializeTheme } from "./chunks/LpThemeSwitcher-r1te9nB2.js";
-import { D, _ as _61, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v } from "./chunks/LpThemeSwitcher-r1te9nB2.js";
-import { _ as _62 } from "./chunks/LpTilt-DuyKbpkA.js";
-import { _ as _63 } from "./chunks/LpToaster-gDB1EaU3.js";
-import { _ as _64 } from "./chunks/LpTooltip-hCLPAqMG.js";
-import { _ as _65 } from "./chunks/LpTopologyCanvas-Cm1L39uL.js";
-import { _ as _66 } from "./chunks/LpUptimeBar-DcQ8HikG.js";
+import { D, _ as _63, N, T, b, c, d, e, f, g, i, l, h, j, n, r, t, k, m, u, v } from "./chunks/LpThemeSwitcher-r1te9nB2.js";
+import { _ as _64 } from "./chunks/LpTilt-DuyKbpkA.js";
+import { _ as _65 } from "./chunks/LpToaster-gDB1EaU3.js";
+import { _ as _66 } from "./chunks/LpTooltip-hCLPAqMG.js";
+import { _ as _67 } from "./chunks/LpTopologyCanvas-Cm1L39uL.js";
+import { _ as _68 } from "./chunks/LpUptimeBar-DcQ8HikG.js";
 import { deserializeLayout, serializeLayout } from "./layout/tree.js";
 import { addLeaf, addTab, countBlocks, countLeaves, makeLayout, moveLeaf, removeBlock, removeLeaf, reorderTab, resizeAt, setActiveTab } from "./layout/tree.js";
 import { blockTitle, defineBlocks } from "./layout/registry.js";
 import { useLayout } from "./layout/useLayout.js";
+import { useClipboard } from "./composables/useClipboard.js";
 import { appleModifierLabel, isAppleKeyboard, useHotkeys } from "./composables/useHotkeys.js";
 import { useInputFilter } from "./composables/useInputFilter.js";
 import { easeOut, easeTravel, easingToken, prefersReducedMotion } from "./composables/easing.js";
@@ -124,78 +128,81 @@ function parseConfig(json) {
 export {
   CHART_PALETTE,
   D as DEFAULT_SURFACE,
+  DEFAULT_SWATCHES,
   _ as LayoutCanvas,
+  _4 as LpActionBar,
   _2 as LpAddressInput,
-  _4 as LpAlert,
-  _5 as LpAppShell,
-  _6 as LpAutocomplete,
-  _7 as LpAvatar,
-  _8 as LpBadge,
-  _9 as LpBreadcrumbs,
-  _10 as LpButton,
-  _11 as LpCalendar,
-  _12 as LpCard,
+  _5 as LpAlert,
+  _6 as LpAppShell,
+  _7 as LpAutocomplete,
+  _8 as LpAvatar,
+  _9 as LpBadge,
+  _10 as LpBreadcrumbs,
+  _11 as LpButton,
+  _12 as LpCalendar,
+  _13 as LpCard,
   default2 as LpChart,
-  _13 as LpCheckbox,
-  _14 as LpCodeBlock,
+  _14 as LpCheckbox,
+  _15 as LpCodeBlock,
+  _16 as LpColorPicker,
   default3 as LpCommandPalette,
-  _15 as LpConfirmDialog,
-  _16 as LpContextMenu,
-  _17 as LpDatePicker,
-  _18 as LpDisclosure,
-  _19 as LpDivider,
-  _20 as LpDrawer,
-  _21 as LpDropdownMenu,
+  _17 as LpConfirmDialog,
+  _18 as LpContextMenu,
+  _19 as LpDatePicker,
+  _20 as LpDisclosure,
+  _21 as LpDivider,
+  _22 as LpDrawer,
+  _23 as LpDropdownMenu,
   default4 as LpDropzone,
-  _22 as LpEmptyState,
-  _23 as LpFileTree,
-  _24 as LpFormField,
-  _25 as LpIcon,
+  _24 as LpEmptyState,
+  _25 as LpFileTree,
+  _26 as LpFormField,
+  _27 as LpIcon,
   default5 as LpImageEditor,
-  _26 as LpInfraNode,
-  _27 as LpInput,
-  _28 as LpLightbox,
-  _29 as LpLink,
-  _30 as LpLogViewer,
+  _28 as LpInfraNode,
+  _29 as LpInput,
+  _30 as LpLightbox,
+  _31 as LpLink,
+  _32 as LpLogViewer,
   _3 as LpMapPicker,
-  _31 as LpModal,
-  _32 as LpNotificationBell,
-  _33 as LpNumberField,
-  _34 as LpNumberFlow,
-  _35 as LpOtpInput,
-  _36 as LpPagination,
-  _37 as LpPasswordInput,
-  _39 as LpPhoneInput,
-  _38 as LpPie,
-  _40 as LpPopover,
-  _41 as LpProgress,
-  _42 as LpRadio,
-  _43 as LpRadioGroup,
-  _44 as LpRollingText,
-  _45 as LpScrollArea,
-  _47 as LpSection,
-  _46 as LpSegmented,
-  _48 as LpSelect,
-  _49 as LpServiceNode,
-  _50 as LpShift,
+  _33 as LpModal,
+  _34 as LpNotificationBell,
+  _35 as LpNumberField,
+  _36 as LpNumberFlow,
+  _37 as LpOtpInput,
+  _38 as LpPagination,
+  _39 as LpPasswordInput,
+  _41 as LpPhoneInput,
+  _40 as LpPie,
+  _42 as LpPopover,
+  _43 as LpProgress,
+  _44 as LpRadio,
+  _45 as LpRadioGroup,
+  _46 as LpRollingText,
+  _47 as LpScrollArea,
+  _49 as LpSection,
+  _48 as LpSegmented,
+  _50 as LpSelect,
+  _51 as LpServiceNode,
+  _52 as LpShift,
   default6 as LpShortcutsDialog,
-  _51 as LpSidebar,
-  _52 as LpSkeleton,
-  _53 as LpSlider,
-  _54 as LpSparkline,
-  _55 as LpStat,
-  _56 as LpStepper,
-  _57 as LpSwitch,
+  _53 as LpSidebar,
+  _54 as LpSkeleton,
+  _55 as LpSlider,
+  _56 as LpSparkline,
+  _57 as LpStat,
+  _58 as LpStepper,
+  _59 as LpSwitch,
   default7 as LpTable,
-  _58 as LpTableOfContents,
-  _59 as LpTabs,
-  _60 as LpTextarea,
-  _61 as LpThemeSwitcher,
-  _62 as LpTilt,
-  _63 as LpToaster,
-  _64 as LpTooltip,
-  _65 as LpTopologyCanvas,
-  _66 as LpUptimeBar,
+  _60 as LpTableOfContents,
+  _61 as LpTabs,
+  _62 as LpTextarea,
+  _63 as LpThemeSwitcher,
+  _64 as LpTilt,
+  _65 as LpToaster,
+  _66 as LpTooltip,
+  _67 as LpTopologyCanvas,
+  _68 as LpUptimeBar,
   N as NO_BACKDROP_ATTR,
   OSM_TILES,
   T as THEME_COOKIE,
@@ -212,6 +219,7 @@ export {
   e as bootstrapTheme,
   checkStateOf,
   checkedCount,
+  clampHsv,
   computeStats,
   countBlocks,
   countLeaves,
@@ -229,11 +237,15 @@ export {
   fileNameOf,
   flagEmoji,
   formatAddress,
+  formatColor,
   formatModified,
   formatSize,
   formatTick,
+  hsvToHsl,
+  hsvToRgb,
   isAppleKeyboard,
   i as isBrokenBackdropEngine,
+  isLight,
   l as leavepulse,
   h as light,
   j as lime,
@@ -243,7 +255,11 @@ export {
   moveLeaf,
   niceScale,
   n as nord,
+  normalizeHue,
+  opaqueCss,
+  parseColor,
   parseConfig,
+  parseHex,
   parseTheme,
   prefersReducedMotion,
   presets,
@@ -253,6 +269,8 @@ export {
   reorderTab,
   resizeAt,
   resolveSlices,
+  rgbToHex,
+  rgbToHsv,
   r as rose,
   serializeConfig,
   serializeLayout,
@@ -266,6 +284,7 @@ export {
   m as themeToCssVars,
   tileUrl,
   unproject,
+  useClipboard,
   useFormDraft,
   useHotkeys,
   useInputFilter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.29.5",
+  "version": "0.30.0",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/component-names.ts

@@ -4,6 +4,7 @@
 export const COMPONENT_NAMES = [
   "LayoutCanvas",
   "LayoutNode",
+  "LpActionBar",
   "LpAddressInput",
   "LpAlert",
   "LpAppShell",
@@ -17,6 +18,7 @@ export const COMPONENT_NAMES = [
   "LpChart",
   "LpCheckbox",
   "LpCodeBlock",
+  "LpColorPicker",
   "LpCommandPalette",
   "LpConfirmDialog",
   "LpContextMenu",