@youcan/celeste 0.6.31 → 0.6.32

package/dist/cjs/chunks/sonner.js

@@ -248,7 +248,7 @@ const isHttpResponse = (data) => {
 const basicToast = toastFunction;
 const getHistory = () => ToastState.toasts;
 const getToasts = () => ToastState.getActiveToasts();
-Object.assign(basicToast, {
+const toast = Object.assign(basicToast, {
   success: ToastState.success,
   info: ToastState.info,
   warning: ToastState.warning,
@@ -1151,3 +1151,4 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
   }
 });
 exports._sfc_main = _sfc_main;
+exports.toast = toast;

package/dist/cjs/index.js

@@ -72,6 +72,9 @@ const textInputButton = require("./text-input-button.js");
 const textInput = require("./text-input.js");
 const textarea = require("./textarea.js");
 const tooltip = require("./tooltip.js");
+const color = require("./color.js");
+const crypto = require("./crypto.js");
+const Mo = require("vue");
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert: alert,
@@ -147,6 +150,55 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Textarea: textarea,
   Tooltip: tooltip
 }, Symbol.toStringTag, { value: "Module" }));
+function createToast(title, data) {
+  const {
+    state = "success",
+    variant = "stroke",
+    size = "lg",
+    dismissable = true,
+    ...externalToastProps
+  } = data || {};
+  let toastId;
+  const dismissToast = () => {
+    sonner_vue_vue_type_script_setup_true_lang.toast.dismiss(toastId);
+  };
+  toastId = sonner_vue_vue_type_script_setup_true_lang.toast.custom(Mo.markRaw(sonnerAlert), {
+    ...externalToastProps,
+    componentProps: {
+      title,
+      description: data == null ? void 0 : data.description,
+      state,
+      variant,
+      size,
+      dismissable,
+      onDismiss: dismissToast
+    }
+  });
+  return toastId;
+}
+const toast = Object.assign(createToast, {
+  success: (title, data) => {
+    return createToast(title, { ...data, state: "success" });
+  },
+  error: (title, data) => {
+    return createToast(title, { ...data, state: "error" });
+  },
+  warning: (title, data) => {
+    return createToast(title, { ...data, state: "warning" });
+  },
+  info: (title, data) => {
+    return createToast(title, { ...data, state: "information" });
+  },
+  feature: (title, data) => {
+    return createToast(title, { ...data, state: "feature" });
+  },
+  dismiss: (id) => {
+    sonner_vue_vue_type_script_setup_true_lang.toast.dismiss(id);
+  },
+  loading: (title, data) => {
+    return sonner_vue_vue_type_script_setup_true_lang.toast.loading(title, data);
+  }
+});
 const Celeste = {
   install(vue) {
     Object.entries(components).forEach(([name, component]) => {
@@ -226,4 +278,18 @@ exports.TextInputButton = textInputButton;
 exports.TextInput = textInput;
 exports.Textarea = textarea;
 exports.Tooltip = tooltip;
+exports.COLOR_NUMBER_VALIDATION_PATTERN = color.COLOR_NUMBER_VALIDATION_PATTERN;
+exports.DEFAULT_SWATCH = color.DEFAULT_SWATCH;
+exports.HEX_VALIDATION_PATTERN = color.HEX_VALIDATION_PATTERN;
+exports.bumpColorValue = color.bumpColorValue;
+exports.clamp = color.clamp;
+exports.getAbsolutePosition = color.getAbsolutePosition;
+exports.getColorConstraints = color.getColorConstraints;
+exports.getFractionDigit = color.getFractionDigit;
+exports.getPageXYFromEvent = color.getPageXYFromEvent;
+exports.getScrollXY = color.getScrollXY;
+exports.resolveArrowDirection = color.resolveArrowDirection;
+exports.truncColorValue = color.truncColorValue;
+exports.uid = crypto.uid;
 exports.Celeste = Celeste;
+exports.toast = toast;

package/dist/cjs/sonner-alert.js

@@ -37,5 +37,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const sonnerAlert = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c8bb23e0"]]);
-module.exports = sonnerAlert;
+const SonnerAlert = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c8bb23e0"]]);
+module.exports = SonnerAlert;

package/dist/es/chunks/sonner.js

@@ -247,7 +247,7 @@ const isHttpResponse = (data) => {
 const basicToast = toastFunction;
 const getHistory = () => ToastState.toasts;
 const getToasts = () => ToastState.getActiveToasts();
-Object.assign(basicToast, {
+const toast = Object.assign(basicToast, {
   success: ToastState.success,
   info: ToastState.info,
   warning: ToastState.warning,
@@ -1150,5 +1150,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as _
+  _sfc_main as _,
+  toast as t
 };

package/dist/es/index.js

@@ -58,8 +58,8 @@ import SelectTrigger from "./select-trigger.js";
 import SelectValue from "./select-value.js";
 import { _ as _sfc_main$c } from "./chunks/select.js";
 import { _ as _sfc_main$e } from "./chunks/slider.vue_vue_type_style_index_0_lang.js";
-import sonnerAlert from "./sonner-alert.js";
-import { _ as _sfc_main$f } from "./chunks/sonner.js";
+import SonnerAlert from "./sonner-alert.js";
+import { _ as _sfc_main$f, t as toast$1 } from "./chunks/sonner.js";
 import { _ as _sfc_main$g } from "./chunks/switch.vue_vue_type_style_index_0_lang.js";
 import tabMenuContent from "./tab-menu-content.js";
 import tabMenuItem from "./tab-menu-item.js";
@@ -70,6 +70,9 @@ import TextInputButton from "./text-input-button.js";
 import TextInput from "./text-input.js";
 import textarea from "./textarea.js";
 import Tooltip from "./tooltip.js";
+import { COLOR_NUMBER_VALIDATION_PATTERN, DEFAULT_SWATCH, HEX_VALIDATION_PATTERN, bumpColorValue, clamp, getAbsolutePosition, getColorConstraints, getFractionDigit, getPageXYFromEvent, getScrollXY, resolveArrowDirection, truncColorValue } from "./color.js";
+import { uid } from "./crypto.js";
+import { markRaw } from "vue";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Alert,
@@ -132,7 +135,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Slider: _sfc_main$e,
   SocialButton: socialButton,
   Sonner: _sfc_main$f,
-  SonnerAlert: sonnerAlert,
+  SonnerAlert,
   StatusBadge: statusBadge,
   Switch: _sfc_main$g,
   TabMenu: tabMenu,
@@ -145,6 +148,55 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Textarea: textarea,
   Tooltip
 }, Symbol.toStringTag, { value: "Module" }));
+function createToast(title, data) {
+  const {
+    state = "success",
+    variant = "stroke",
+    size = "lg",
+    dismissable = true,
+    ...externalToastProps
+  } = data || {};
+  let toastId;
+  const dismissToast = () => {
+    toast$1.dismiss(toastId);
+  };
+  toastId = toast$1.custom(markRaw(SonnerAlert), {
+    ...externalToastProps,
+    componentProps: {
+      title,
+      description: data == null ? void 0 : data.description,
+      state,
+      variant,
+      size,
+      dismissable,
+      onDismiss: dismissToast
+    }
+  });
+  return toastId;
+}
+const toast = Object.assign(createToast, {
+  success: (title, data) => {
+    return createToast(title, { ...data, state: "success" });
+  },
+  error: (title, data) => {
+    return createToast(title, { ...data, state: "error" });
+  },
+  warning: (title, data) => {
+    return createToast(title, { ...data, state: "warning" });
+  },
+  info: (title, data) => {
+    return createToast(title, { ...data, state: "information" });
+  },
+  feature: (title, data) => {
+    return createToast(title, { ...data, state: "feature" });
+  },
+  dismiss: (id) => {
+    toast$1.dismiss(id);
+  },
+  loading: (title, data) => {
+    return toast$1.loading(title, data);
+  }
+});
 const Celeste = {
   install(vue) {
     Object.entries(components).forEach(([name, component]) => {
@@ -156,6 +208,7 @@ export {
   Alert,
   Badge,
   Button,
+  COLOR_NUMBER_VALIDATION_PATTERN,
   Celeste,
   _sfc_main as Checkbox,
   checkboxLabel as CheckboxLabel,
@@ -172,6 +225,7 @@ export {
   CompactButton,
   _sfc_main$2 as ContentDivider,
   contextMenuItem as ContextMenuItem,
+  DEFAULT_SWATCH,
   dropdown as Dropdown,
   DropdownItem,
   dropdownMenu as DropdownMenu,
@@ -185,6 +239,7 @@ export {
   _sfc_main$6 as DropdownMenuSubTrigger,
   dropdownMenuTrigger as DropdownMenuTrigger,
   fancyButton as FancyButton,
+  HEX_VALIDATION_PATTERN,
   hintText as HintText,
   Label,
   LinkButton,
@@ -214,7 +269,7 @@ export {
   _sfc_main$e as Slider,
   socialButton as SocialButton,
   _sfc_main$f as Sonner,
-  sonnerAlert as SonnerAlert,
+  SonnerAlert,
   statusBadge as StatusBadge,
   _sfc_main$g as Switch,
   tabMenu as TabMenu,
@@ -225,5 +280,16 @@ export {
   TextInputAffix,
   TextInputButton,
   textarea as Textarea,
-  Tooltip
+  Tooltip,
+  bumpColorValue,
+  clamp,
+  getAbsolutePosition,
+  getColorConstraints,
+  getFractionDigit,
+  getPageXYFromEvent,
+  getScrollXY,
+  resolveArrowDirection,
+  toast,
+  truncColorValue,
+  uid
 };

package/dist/es/sonner-alert.js

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const sonnerAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8bb23e0"]]);
+const SonnerAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8bb23e0"]]);
 export {
-  sonnerAlert as default
+  SonnerAlert as default
 };

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export declare const Celeste: {
     install(vue: App): void;
 };
 export * from './components';
+export * from './utils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.31",
+  "version": "0.6.32",
   "author": "YouCan <tech@youcan.shop>",
   "keywords": [
     "youcan",
@@ -43,8 +43,8 @@
     "radix-vue": "^1.9.12",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.2",
-    "@youcan/celeste-icons": "0.6.31",
-    "@youcan/celeste-tokens": "0.6.31"
+    "@youcan/celeste-icons": "0.6.32",
+    "@youcan/celeste-tokens": "0.6.32"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",

package/src/index.ts

@@ -11,3 +11,4 @@ export const Celeste = {
 };
 
 export * from '@/components';
+export * from '@/utils';