@codeandfunction/callaloo 3.16.7 → 3.16.9

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js

@@ -1,13 +1,13 @@
 import '../../../assets/core.css';
 import './CLDropdownMenu.css';
 import { computed as V, ref as E, shallowRef as te, watch as ut, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as q, unref as A, defineComponent as oe, onBeforeUnmount as ie, createElementBlock as Rt, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as re, withCtx as Et, createTextVNode as le, toDisplayString as se, normalizeStyle as ce, renderSlot as ae } from "vue";
-import { _ as fe } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
-import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CAjsSjd9.js";
+import { _ as fe } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-BiyeNLFr.js";
+import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-B7_6uqSs.js";
 import { b as de, i as mt } from "../../../chunks/helper--hRjZVm6.js";
 import { useDropdown as me } from "../../../composables/useDropdown.js";
 import { useEsc as he } from "../../../composables/useEsc.js";
 import { CLPlacement as ge, CLIconSizes as Lt, CLIconNames as pe, CLColorVariants as Dt, CLSizes as we, CLColors as Tt } from "../../../index.js";
-const tt = Math.min, W = Math.max, et = Math.round, Q = Math.floor, B = (t) => ({
+import '../../../CLDropdownMenu.css';const tt = Math.min, W = Math.max, et = Math.round, Q = Math.floor, B = (t) => ({
   x: t,
   y: t
 }), ye = {

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts

@@ -119,7 +119,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             title: string;
             color: CLColors;
             variant: CLColorVariants;
-            borderRadius: CLBorderRadius;
             rounded: boolean;
             testId: string;
             type: import('../../../types').CLButtonTypes;
@@ -134,6 +133,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             alignContent: import('../../../types').CLAlign;
             ariaLabel: string;
             as: import('../../../types').CLButtonTags;
+            borderRadius: CLBorderRadius;
             busy: boolean;
             disabled: boolean;
             elevated: boolean;
@@ -168,7 +168,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         title: string;
         color: CLColors;
         variant: CLColorVariants;
-        borderRadius: CLBorderRadius;
         rounded: boolean;
         testId: string;
         type: import('../../../types').CLButtonTypes;
@@ -183,6 +182,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         alignContent: import('../../../types').CLAlign;
         ariaLabel: string;
         as: import('../../../types').CLButtonTags;
+        borderRadius: CLBorderRadius;
         busy: boolean;
         disabled: boolean;
         elevated: boolean;
@@ -193,7 +193,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         iconSize: CLIconSizes;
         pill: boolean;
         wrap: boolean;
-    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "variant" | "borderRadius" | "rounded" | "testId" | "type" | "form" | "onClick" | "target" | "width" | "height" | "size" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "variant" | "rounded" | "testId" | "type" | "form" | "onClick" | "target" | "width" | "height" | "size" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "borderRadius" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/components/Popups/CLToast/CLToast.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLToast.css';
-import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js";
+import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BNlgk9Fz.js";
 export {
   s as CLToast,
   s as default

package/dist/components/Popups/utils.d.ts

@@ -9,6 +9,6 @@ export declare const toastTheme: ({ color, variant }: ThemeProps) => {
     '--clll-toast-icon-bg': string;
     '--clll-toast-icon-color': string;
     '--clll-toast-timer-bg': string;
-    '--clll-toast-theme-radius': string | undefined;
+    '--clll-toast-theme-radius': string;
 };
 export {};

package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js

@@ -1,40 +1,40 @@
 import '../../../assets/core.css';
-import { defineComponent as i, watch as o, createBlock as n, openBlock as r, resolveDynamicComponent as s, normalizeStyle as m, unref as l, withCtx as f, renderSlot as d } from "vue";
-import { s as c, a as h, b as C, c as u, d as g, D as p } from "../../../chunks/base-theme-Bg6XMoeN.js";
+import { defineComponent as i, watch as a, createBlock as l, openBlock as r, resolveDynamicComponent as n, normalizeStyle as s, unref as m, withCtx as d, renderSlot as f } from "vue";
+import { s as c, a as h, b as u, c as C, d as g, D as y } from "../../../chunks/base-theme-Bg6XMoeN.js";
 const T = /* @__PURE__ */ i({
   __name: "CLThemeProvider",
   props: {
     tag: { default: "div" },
     themeConfig: {}
   },
-  setup(a) {
-    const t = a;
-    return c(t.themeConfig), o(
-      () => t.themeConfig?.borderRadius,
+  setup(t) {
+    const o = t;
+    return c(o.themeConfig), a(
+      () => o.themeConfig?.borderRadius,
       (e) => {
         h(e);
       }
-    ), o(
-      () => t.themeConfig?.colors,
+    ), a(
+      () => o.themeConfig?.colors,
       (e) => {
-        e && C(e);
+        e && u(e);
       }
-    ), o(
-      () => t.themeConfig?.darkMode,
+    ), a(
+      () => o.themeConfig?.darkMode,
       (e) => {
-        e !== void 0 && u(e);
+        e !== void 0 && C(e);
       }
-    ), o(
-      () => t.themeConfig?.fontFamily,
+    ), a(
+      () => o.themeConfig?.fontFamily,
       (e) => {
         g(e);
       }
-    ), (e, y) => (r(), n(s(a.tag), {
+    ), (e, v) => (r(), l(n(t.tag), {
       class: "clll-theme-provider",
-      style: m({ "--clll-font-family": a.themeConfig?.fontFamily || l(p).fontFamily })
+      style: s({ "--clll-font-family": t.themeConfig?.fontFamily || m(y).fontFamily, "--clll-default-radius": t.themeConfig?.borderRadius ? `var(--clll-${t.themeConfig.borderRadius})` : void 0 })
     }, {
-      default: f(() => [
-        d(e.$slots, "default")
+      default: d(() => [
+        f(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
@@ -42,6 +42,6 @@ const T = /* @__PURE__ */ i({
 });
 export {
   T as CLThemeProvider,
-  p as DEFAULT_THEME,
+  y as DEFAULT_THEME,
   T as default
 };

package/dist/components/Providers/CLToastProvider/CLToastProvider.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as p, createBlock as z, createCommentVNode as B, renderSlot as S, unref as A } from "vue";
-import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js";
+import { _ as $ } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BNlgk9Fz.js";
 const x = { class: "clll-toast-provider" }, N = /* @__PURE__ */ L({
   name: "CLToastProvider",
   __name: "CLToastProvider",

package/dist/index.js

@@ -1,4 +1,3 @@
-import './assets/core.css';
 var t = /* @__PURE__ */ ((r) => (r.Left = "left", r.Center = "center", r.Right = "right", r))(t || {}), l = /* @__PURE__ */ ((r) => (r.Full = "rounded-full", r.Large = "rounded-lg", r.Medium = "rounded-md", r.None = "rounded-none", r.Small = "rounded-sm", r.XL = "rounded-xl", r.XXL = "rounded-2xl", r.XXXL = "rounded-3xl", r.XS = "rounded-xs", r))(l || {}), e = /* @__PURE__ */ ((r) => (r.Button = "button", r.Submit = "submit", r))(e || {}), b = /* @__PURE__ */ ((r) => (r.Tiny = "tiny", r.Small = "small", r.Medium = "medium", r.Large = "large", r.XL = "xlarge", r))(b || {}), a = /* @__PURE__ */ ((r) => (r.Primary = "primary", r.Secondary = "secondary", r.Danger = "danger", r.Info = "info", r.Neutral = "neutral", r.Warning = "warning", r.Success = "success", r))(a || {}), i = /* @__PURE__ */ ((r) => (r.Contrast = "contrast", r.Ghost = "ghost", r.Outline = "outline", r.Soft = "soft", r.Solid = "solid", r.Text = "text", r))(i || {}), d = /* @__PURE__ */ ((r) => (r.Block = "block", r.Inline = "inline", r))(d || {}), u = /* @__PURE__ */ ((r) => (r.H1 = "h1", r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r))(u || {}), g = /* @__PURE__ */ ((r) => (r.Title = "title", r.PageTitle = "pagetitle", r.Section = "section", r.SubSection = "subsection", r.Small = "small", r.Medium = "medium", r.Large = "large", r.XL = "xlarge", r))(g || {}), h = /* @__PURE__ */ ((r) => (r.Tiny = "tiny", r.Small = "small", r.Medium = "medium", r.Large = "large", r.XL = "xlarge", r.XXL = "xxlarge", r.XXXL = "xxxlarge", r.XXXXL = "xxxxlarge", r))(h || {}), o = /* @__PURE__ */ ((r) => (r.Activity = "tabler:activity", r.Adjustments = "tabler:adjustments", r.AdjustmentsHorizontal = "tabler:adjustments-horizontal", r.Ai = "tabler:ai", r.Alarm = "tabler:alarm", r.AlarmPlus = "tabler:alarm-plus", r.AlertSquare = "tabler:alert-square", r.AlertTriangle = "tabler:alert-triangle", r.AlignBoxLeftTop = "tabler:align-box-left-top", r.AlignBoxLeftMiddle = "tabler:align-box-left-middle", r.AlignBoxLeftBottom = "tabler:align-box-left-bottom", r.AlignBoxCenterTop = "tabler:align-box-center-top", r.AlignBoxCenterMiddle = "tabler:align-box-center-middle", r.AlignBoxCenterBottom = "tabler:align-box-center-bottom", r.AlignBoxRightTop = "tabler:align-box-right-top", r.AlignBoxRightMiddle = "tabler:align-box-right-middle", r.AlignBoxRightBottom = "tabler:align-box-right-bottom", r.AlignCenter = "tabler:align-center", r.AlignLeft = "tabler:align-left", r.AlignRight = "tabler:align-right", r.AlignJustified = "tabler:align-justified", r.Apps = "tabler:apps", r.Archive = "tabler:archive", r.ArrowBackUp = "tabler:arrow-back-up", r.ArrowForwardUp = "tabler:arrow-forward-up", r.ArrowsMove = "tabler:arrows-move", r.ArrowBigUpLine = "tabler:arrow-big-up-line", r.ArrowBigDownLine = "tabler:arrow-big-down-line", r.ArrowBack = "tabler:arrow-back", r.ArrowDown = "tabler:arrow-down", r.ArrowForward = "tabler:arrow-forward", r.ArrowLeft = "tabler:arrow-left", r.ArrowRight = "tabler:arrow-right", r.ArrowUp = "tabler:arrow-up", r.ArrowNarrowDown = "tabler:arrow-narrow-down", r.ArrowNarrowLeft = "tabler:arrow-narrow-left", r.ArrowNarrowRight = "tabler:arrow-narrow-right", r.ArrowNarrowUp = "tabler:arrow-narrow-up", r.ArrowsDiagonal = "tabler:arrows-diagonal", r.ArrowsMaximize = "tabler:arrows-maximize", r.ArrowsMinimize = "tabler:arrows-minimize", r.ArrowsSort = "tabler:arrows-sort", r.AtSign = "tabler:at", r.Auth2fa = "tabler:auth-2fa", r.Backspace = "tabler:backspace", r.Bed = "tabler:bed", r.Bell = "tabler:bell", r.BellPlus = "tabler:bell-plus", r.Beach = "tabler:beach", r.Binoculars = "tabler:binoculars", r.Bike = "tabler:bike", r.Book = "tabler:book", r.Bookmark = "tabler:bookmark", r.BorderCorners = "tabler:border-corners", r.BoxMargin = "tabler:box-margin", r.Brush = "tabler:brush", r.BrandApple = "tabler:brand-apple", r.BrandAws = "tabler:brand-aws", r.BrandCloudflare = "tabler:brand-cloudflare", r.BrandFacebook = "tabler:brand-facebook-filled", r.BrandGitlab = "tabler:brand-gitlab", r.BrandGithub = "tabler:brand-github", r.BrandGoogle = "tabler:brand-google-filled", r.BrandInstagram = "tabler:brand-instagram", r.BrandLinkedIn = "tabler:brand-linkedin", r.BrandMastercard = "tabler:brand-mastercard", r.BrandNpm = "tabler:brand-npm", r.BrandNuxt = "tabler:brand-nuxt", r.BrandReact = "tabler:brand-react", r.BrandReactNative = "tabler:brand-react-native", r.BrandSpotify = "tabler:brand-spotify", r.BrandTidal = "tabler:brand-tidal", r.BrandTikTok = "tabler:brand-tiktok", r.BrandTwitter = "tabler:brand-twitter-filled", r.BrandVercel = "tabler:brand-vercel", r.BrandVisa = "tabler:brand-visa", r.BrandVue = "tabler:brand-vue", r.BrandWhatsApp = "tabler:brand-whatsapp", r.BrandX = "tabler:brand-x", r.BrandYouTube = "tabler:brand-youtube-filled", r.BrandWindows = "tabler:brand-windows", r.Briefcase = "tabler:briefcase", r.Briefcase2 = "tabler:briefcase-2", r.Broadcast = "tabler:broadcast", r.Browser = "tabler:browser", r.Building = "tabler:building", r.BuildingAirport = "tabler:building-airport", r.BuildingBank = "tabler:building-bank", r.BuildingCastle = "tabler:building-castle", r.BuildingCarousel = "tabler:building-carousel", r.BuildingChurch = "tabler:building-church", r.BuildingCommunity = "tabler:building-community", r.BuildingCottage = "tabler:building-cottage", r.BuildingStadium = "tabler:building-stadium", r.BuildingStore = "tabler:building-store", r.BuildingSkyscraper = "tabler:building-skyscraper", r.Bug = "tabler:bug", r.Bulb = "tabler:bulb", r.Bus = "tabler:bus", r.BusinessPlan = "tabler:businessplan", r.Calendar = "tabler:calendar", r.CalendarPlus = "tabler:calendar-plus", r.Calculator = "tabler:calculator", r.Camera = "tabler:camera", r.Camper = "tabler:camper", r.Car = "tabler:car", r.CaretDown = "tabler:caret-down", r.CaretLeft = "tabler:caret-left", r.CaretRight = "tabler:caret-right", r.CaretUp = "tabler:caret-up", r.CarouselHorizontal = "tabler:carousel-horizontal", r.ChartBar = "tabler:chart-bar", r.ChartPie = "tabler:chart-pie", r.Check = "tabler:check", r.ChefHat = "tabler:chef-hat", r.ChevronLeft = "tabler:chevron-left", r.ChevronsLeft = "tabler:chevrons-left", r.ChevronRight = "tabler:chevron-right", r.ChevronsRight = "tabler:chevrons-right", r.ChevronUp = "tabler:chevron-up", r.ChevronsUp = "tabler:chevrons-up", r.ChevronDown = "tabler:chevron-down", r.ChevronsDown = "tabler:chevrons-down", r.Circle = "tabler:circle", r.CircleCheck = "tabler:circle-check", r.CircleDot = "tabler:circle-dot", r.CircleMinus = "tabler:circle-minus", r.CircleNumber0 = "tabler:circle-number-0", r.CircleNumber1 = "tabler:circle-number-1", r.CircleNumber2 = "tabler:circle-number-2", r.CircleNumber3 = "tabler:circle-number-3", r.CircleNumber4 = "tabler:circle-number-4", r.CircleNumber5 = "tabler:circle-number-5", r.CircleNumber6 = "tabler:circle-number-6", r.CircleNumber7 = "tabler:circle-number-7", r.CircleNumber8 = "tabler:circle-number-8", r.CircleNumber9 = "tabler:circle-number-9", r.CirclePlus = "tabler:circle-plus", r.Click = "tabler:click", r.ClipboardCopy = "tabler:clipboard-copy", r.ClipboardText = "tabler:clipboard-text", r.Clock = "tabler:clock", r.Clock2 = "tabler:clock-2", r.Cloud = "tabler:cloud", r.CloudCheck = "tabler:cloud-check", r.CloudComputing = "tabler:cloud-computing", r.CloudDataConnection = "tabler:cloud-data-connection", r.CloudDown = "tabler:cloud-down", r.CloudDownload = "tabler:cloud-download", r.CloudUp = "tabler:cloud-up", r.CloudUpload = "tabler:cloud-upload", r.CloudX = "tabler:cloud-x", r.Code = "tabler:code", r.Coin = "tabler:coin", r.Coins = "tabler:coins", r.Columns1 = "tabler:columns-1", r.Columns2 = "tabler:columns-2", r.Columns3 = "tabler:columns-3", r.Command = "tabler:command", r.Components = "tabler:components", r.Confetti = "tabler:confetti", r.Contrast = "tabler:contrast", r.Copy = "tabler:copy", r.CreditCard = "tabler:credit-card", r.Dashboard = "tabler:dashboard", r.Database = "tabler:database", r.DatabaseExport = "tabler:database-export", r.Delete = "tabler:x", r.Devices = "tabler:devices", r.DevicesDollar = "tabler:devices-dollar", r.DeviceDesktop = "tabler:device-desktop", r.DeviceGamepad = "tabler:device-gamepad", r.DeviceMobile = "tabler:device-mobile", r.DeviceTablet = "tabler:device-tablet", r.DeviceTv = "tabler:device-tv", r.Dialpad = "tabler:dialpad", r.DirectionSign = "tabler:direction-sign", r.Download = "tabler:download", r.DragDrop = "tabler:drag-drop", r.EditItem = "tabler:edit-circle", r.EditPencil = "tabler:edit", r.Email = "tabler:mail", r.Equal = "tabler:equal", r.ExternalLink = "tabler:external-link", r.Eye = "tabler:eye", r.EyeOff = "tabler:eye-off", r.Error404 = "tabler:error-404", r.FaceId = "tabler:face-id", r.FileText = "tabler:file-text", r.FileTypeCss = "tabler:file-type-css", r.FileTypeCsv = "tabler:file-type-csv", r.FileTypeHtml = "tabler:file-type-html", r.FileTypePng = "tabler:file-type-png", r.FileTypeJpg = "tabler:file-type-jpg", r.FileTypeJs = "tabler:file-type-js", r.FileTypeJsx = "tabler:file-type-jsx", r.FileTypeSvg = "tabler:file-type-svg", r.FileTypeTs = "tabler:file-type-ts", r.FileTypeVue = "tabler:file-type-vue", r.Filter = "tabler:filter", r.Flag = "tabler:flag", r.Flag2 = "tabler:flag-2", r.Flag3 = "tabler:flag-3", r.Flame = "tabler:flame", r.Folder = "tabler:folder", r.Forms = "tabler:forms", r.Frame = "tabler:frame", r.Gps = "tabler:gps", r.Gift = "tabler:gift", r.Hanger = "tabler:hanger", r.HandStop = "tabler:hand-stop", r.Heading = "tabler:heading", r.Heart = "tabler:heart", r.HeartHandShake = "tabler:heart-handshake", r.Help = "tabler:help", r.HelpCircle = "tabler:help-circle", r.HelpSmall = "tabler:help-small", r.Home = "tabler:home", r.Html = "tabler:html", r.Image = "tabler:photo", r.Inbox = "tabler:inbox", r.InfoCircle = "tabler:info-circle", r.InfoSmall = "tabler:info-small", r.Grill = "tabler:grill", r.GripHorizontal = "tabler:grip-horizontal", r.GripVertical = "tabler:grip-vertical", r.Key = "tabler:key", r.Keyboard = "tabler:keyboard", r.Label = "tabler:label", r.Layers = "tabler:layers-subtract", r.Layout = "tabler:layout", r.LayoutBottomBar = "tabler:layout-bottombar", r.LayoutDashboard = "tabler:layout-dashboard", r.LayoutGrid = "tabler:layout-grid", r.LayoutList = "tabler:layout-list", r.LayoutNavbar = "tabler:layout-navbar", r.LayoutRows = "tabler:layout-rows", r.LayoutSidebar = "tabler:layout-sidebar", r.LayoutSidebarRight = "tabler:layout-sidebar-right", r.Link = "tabler:link", r.List = "tabler:list", r.ListNumbers = "tabler:list-numbers", r.ListTree = "tabler:list-tree", r.LoadBalancer = "tabler:load-balancer", r.Lock = "tabler:lock", r.Location = "tabler:location", r.LogIn = "tabler:login", r.LogOut = "tabler:logout", r.Logs = "tabler:logs", r.Luggage = "tabler:luggage", r.Map = "tabler:map", r.MapPin = "tabler:map-pin", r.MapPinPlus = "tabler:map-pin-plus", r.MapSearch = "tabler:map-search", r.Marquee = "tabler:marquee", r.MarqueeOff = "tabler:marquee-off", r.Mail = "tabler:mail", r.MailPlus = "tabler:mail-plus", r.Maximize = "tabler:maximize", r.Menu = "tabler:menu-2", r.Message = "tabler:message", r.Messages = "tabler:messages", r.MessageDots = "tabler:message-dots", r.MessageOff = "tabler:message-off", r.MessagePlus = "tabler:message-plus", r.MoneyBag = "tabler:moneybag", r.MoodDollar = "tabler:mood-dollar", r.MoodHeart = "tabler:mood-heart", r.MoodKid = "tabler:mood-kid", r.MoodNerd = "tabler:mood-nerd", r.MoodNeutral = "tabler:mood-neutral", r.MoodPuzzled = "tabler:mood-puzzled", r.MoodSadSquint = "tabler:mood-sad-squint", r.MoodSmile = "tabler:mood-smile", r.MoodTongue = "tabler:mood-tongue", r.MoodTongueWink = "tabler:mood-tongue-wink", r.MoodTongueWink2 = "tabler:mood-tongue-wink-2", r.MoodWink2 = "tabler:mood-wink-2", r.MoodWrrr = "tabler:mood-wrrr", r.Moon = "tabler:moon", r.Mouse = "tabler:mouse", r.MoreHorizontal = "tabler:dots", r.MoreVertical = "tabler:dots-vertical", r.Movie = "tabler:movie", r.Music = "tabler:music", r.Notes = "tabler:notes", r.NewSection = "tabler:new-section", r.Palette = "tabler:palette", r.Paint = "tabler:paint", r.Pencil = "tabler:pencil", r.Percentage = "tabler:percentage", r.Photo = "tabler:photo", r.PhotoPlus = "tabler:photo-plus", r.PhotoScan = "tabler:photo-scan", r.Phone = "tabler:phone", r.PigMoney = "tabler:pig-money", r.Pin = "tabler:pin", r.Pinned = "tabler:pinned", r.Plane = "tabler:plane", r.PlusCircle = "tabler:circle-plus", r.Plus = "tabler:plus", r.Pointer = "tabler:pointer", r.Printer = "tabler:printer", r.Progress = "tabler:progress", r.ProgressHelp = "tabler:progress-help", r.QuestionMark = "tabler:question-mark", r.Rectangle = "tabler:rectangle", r.Receipt = "tabler:receipt", r.Receipt2 = "tabler:receipt-2", r.Refresh = "tabler:refresh", r.Restore = "tabler:restore", r.Robot = "tabler:robot", r.RobotFace = "tabler:robot-face", r.Rocket = "tabler:rocket", r.RowInsertTop = "tabler:row-insert-top", r.RowInsertBottom = "tabler:row-insert-bottom", r.RowRemove = "tabler:row-remove", r.Rss = "tabler:rss", r.Run = "tabler:run", r.Sailboat = "tabler:sailboat", r.Scale = "tabler:scale", r.School = "tabler:school", r.Scissors = "tabler:scissors", r.Scoreboard = "tabler:scoreboard", r.Seo = "tabler:seo", r.ShoppingCart = "tabler:shopping-cart", r.ShieldCheck = "tabler:shield-check", r.Search = "tabler:search", r.Section = "tabler:section", r.Select = "tabler:select", r.Server = "tabler:server", r.Server2 = "tabler:server-2", r.Settings = "tabler:settings", r.Share = "tabler:share", r.Share2 = "tabler:share-2", r.Share3 = "tabler:share-3", r.Shirt = "tabler:shirt", r.Sliders = "tabler:adjustments", r.SpeedBoat = "tabler:speedboat", r.Square = "tabler:square", r.SquareCheck = "tabler:square-check", r.SquarePlus = "tabler:square-plus", r.Stack = "tabler:stack", r.Stack2 = "tabler:stack-2", r.Stack3 = "tabler:stack-3", r.Stethoscope = "tabler:stethoscope", r.Sun = "tabler:sun", r.Table = "tabler:table", r.Template = "tabler:template", r.Terminal = "tabler:terminal", r.Terminal2 = "tabler:terminal-2", r.TextSize = "tabler:text-size", r.Ticket = "tabler:ticket", r.Timeline = "tabler:timeline", r.TimelineEvent = "tabler:timeline-event", r.TipJar = "tabler:tip-jar", r.ToolsKitchen = "tabler:tools-kitchen", r.ToolsKitchen2 = "tabler:tools-kitchen-2", r.ToolsKitchen3 = "tabler:tools-kitchen-3", r.Train = "tabler:train", r.Trash = "tabler:trash", r.TrashCan = "tabler:trash", r.TrashOff = "tabler:trash-off", r.TrashX = "tabler:trash-x", r.Trekking = "tabler:trekking", r.Typography = "tabler:typography", r.Upload = "tabler:upload", r.Urgent = "tabler:urgent", r.User = "tabler:user", r.UserCancel = "tabler:user-cancel", r.UserCheck = "tabler:user-check", r.UserPlus = "tabler:user-plus", r.UserQuestion = "tabler:user-question", r.UserX = "tabler:user-x", r.Users = "tabler:users", r.UserCircle = "tabler:user-circle", r.UsersGroup = "tabler:users-group", r.UsersMinus = "tabler:users-minus", r.UsersPlus = "tabler:users-plus", r.UserSquareRounded = "tabler:user-square-rounded", r.Video = "tabler:video", r.Walk = "tabler:walk", r.Wallet = "tabler:wallet", r.Wifi = "tabler:wifi", r.WindowMaximize = "tabler:window-maximize", r.WindowMinimize = "tabler:window-minimize", r.WorldWww = "tabler:world-www", r))(o || {}), p = /* @__PURE__ */ ((r) => (r.Color = "color", r.Date = "date", r.DateTimeLocal = "datetime-local", r.Decimal = "decimal", r.Email = "email", r.Hidden = "hidden", r.File = "file", r.None = "none", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Time = "time", r.Url = "url", r))(p || {}), f = /* @__PURE__ */ ((r) => (r.Eager = "eager", r.Lazy = "lazy", r))(f || {}), w = /* @__PURE__ */ ((r) => (r.Blank = "_blank", r.Self = "_self", r))(w || {}), k = /* @__PURE__ */ ((r) => (r.Danger = "danger", r.Default = "default", r.Success = "success", r.Warning = "warning", r))(k || {}), v = /* @__PURE__ */ ((r) => (r.Dark = "dark", r.Light = "light", r))(v || {}), B = /* @__PURE__ */ ((r) => (r.After = "after", r.Before = "before", r))(B || {}), x = /* @__PURE__ */ ((r) => (r.Horizontal = "horizontal", r.Vertical = "vertical", r))(x || {}), S = /* @__PURE__ */ ((r) => (r.Auto = "auto", r.Hidden = "hidden", r.Scroll = "scroll", r.Visible = "visible", r))(S || {}), M = /* @__PURE__ */ ((r) => (r.Dots = "dots", r.Hidden = "hidden", r.Inline = "inline", r.Numbered = "numbered", r))(M || {}), A = /* @__PURE__ */ ((r) => (r.Bottom = "bottom", r.BottomEnd = "bottom-end", r.BottomStart = "bottom-start", r.Left = "left", r.LeftEnd = "left-end", r.LeftStart = "left-start", r.Right = "right", r.RightEnd = "right-end", r.RightStart = "right-start", r.Top = "top", r.TopEnd = "top-end", r.TopStart = "top-start", r))(A || {}), y = /* @__PURE__ */ ((r) => (r.Absolute = "absolute", r.Relative = "relative", r))(y || {}), n = /* @__PURE__ */ ((r) => (r.Tiny = "tiny", r.Small = "small", r.Medium = "medium", r.Large = "large", r.XL = "xlarge", r))(n || {}), D = /* @__PURE__ */ ((r) => (r.Condensed = "condensed", r.Default = "default", r.Plain = "plain", r))(D || {}), R = /* @__PURE__ */ ((r) => (r.Body = "body", r.Summary = "summary", r.Tiny = "tiny", r.Small = "small", r.Medium = "medium", r.Large = "large", r.XL = "xlarge", r))(R || {}), F = /* @__PURE__ */ ((r) => (r.TopLeft = "top-left", r.TopCenter = "top-center", r.TopRight = "top-right", r.BottomLeft = "bottom-left", r.BottomCenter = "bottom-center", r.BottomRight = "bottom-right", r))(F || {});
 export {
   t as CLAlign,

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "3.16.7",
+  "version": "3.16.9",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -219,6 +219,7 @@
     "unplugin-auto-import": "^20.2.0",
     "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "4.0.1",
     "vue": "^3.5.18",

package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js

@@ -1,153 +0,0 @@
-import { defineComponent as T, createElementBlock as y, openBlock as L, normalizeClass as D, unref as q, renderSlot as G, Fragment as O, renderList as A, normalizeStyle as R, createElementVNode as z, toDisplayString as F } from "vue";
-import { CLOrientation as V, CLMode as u, CLColorVariants as n, CLColors as E } from "../index.js";
-import { useTheme as B } from "../composables/useTheme.js";
-import { g as k } from "./utils-CS9Gz4oX.js";
-const v = "clll-form-field", K = /* @__PURE__ */ T({
-  __name: "CLFormField",
-  props: {
-    fluid: { type: Boolean },
-    hasPill: { type: Boolean },
-    hasCharCounter: { type: Boolean },
-    orientation: {}
-  },
-  setup(e) {
-    return (i, d) => (L(), y("div", {
-      class: D([
-        v,
-        e.fluid || e.orientation === q(V).Horizontal ? `${v}--fluid` : `${v}--fixed`,
-        e.orientation ? `${v}--${e.orientation}` : "",
-        e.hasPill ? `${v}--haspill` : "",
-        e.hasCharCounter ? `${v}--hascharcounter` : ""
-      ])
-    }, [
-      G(i.$slots, "default")
-    ], 2));
-  }
-}), Q = ({ color: e, disabled: i, variant: d }) => {
-  const { borderRadius: o, colors: t, darkMode: s } = B(), a = s.value ? u.Dark : u.Light, c = d === n.Ghost, b = k({
-    color: e,
-    colors: t.value,
-    mode: a,
-    variant: n.Solid
-  }), l = k({
-    color: e,
-    colors: t.value,
-    mode: a,
-    variant: n.Outline
-  }), r = s.value ? "black" : "white", C = l?.border, f = l?.disabled, m = s.value ? "black" : b?.textDisabled, x = l?.focus, g = l?.focus, h = l?.text, p = l?.textDisabled, $ = S();
-  return {
-    "--clll-checkbox-bg": c ? "transparent" : r ?? "white",
-    "--clll-checkbox-border": c ? "transparent" : C ?? "transparent",
-    "--clll-checkbox-disabled-border": f ?? "transparent",
-    "--clll-checkbox-disabled-bg": m ?? "transparent",
-    "--clll-checkbox-checked-bg": r ?? "white",
-    "--clll-checkbox-focus-border": x ?? "transparent",
-    "--clll-checkbox-focus-shadow": g ?? "transparent",
-    "--clll-checkbox-icon-color": h ?? "inherit",
-    "--clll-checkbox-disabled-icon-color": p ?? "transparent",
-    "--clll-checkbox-indicator-color": h ?? "inherit",
-    "--clll-checkbox-disabled-indicator-color": p ?? "transparent",
-    "--clll-checkbox-theme-radius": o.value ? `var(--clll-${o.value})` : void 0,
-    "--clll-checkbox-outline-width": c ? "0px" : "2px",
-    "--clll-checkbox-required-asterisk-color": $ ?? "red"
-  };
-}, U = ({
-  color: e,
-  disabled: i,
-  readonly: d,
-  variant: o
-}) => {
-  const { borderRadius: t, colors: s, darkMode: a } = B(), c = a.value ? u.Dark : u.Light, b = o === n.Ghost, l = k({
-    color: e,
-    colors: s.value,
-    mode: c,
-    variant: n.Solid
-  }), r = k({
-    color: e,
-    colors: s.value,
-    mode: c,
-    variant: n.Outline
-  }), C = a.value ? "black" : "white", f = a.value ? "black" : l?.textDisabled, m = r?.border, x = r?.disabled, g = a.value ? "black" : l?.textDisabled, h = r?.focus, p = r?.focus, $ = r?.text, M = r?.focus, P = S();
-  return {
-    "--clll-input-bg": b ? "transparent" : C ?? "white",
-    "--clll-input-border": b ? "transparent" : m ?? "transparent",
-    "--clll-input-disabled-border": x ?? "transparent",
-    "--clll-input-disabled-bg": g ?? "transparent",
-    "--clll-input-readonly-border": x ?? "transparent",
-    "--clll-input-readonly-bg": g ?? "transparent",
-    "--clll-input-focus-border": h ?? "transparent",
-    "--clll-input-focus-shadow": p ?? "transparent",
-    "--clll-input-text": $ ?? "inherit",
-    "--clll-input-text-placeholder": M ?? "transparent",
-    "--clll-input-grouped-bg": f ?? "transparent",
-    "--clll-input-prefix-suffix-color": M ?? "transparent",
-    "--clll-input-theme-radius": t.value ? `var(--clll-${t.value})` : void 0,
-    "--clll-input-ghost-padding": b ? "0" : void 0,
-    "--clll-input-required-asterisk-color": P ?? "red"
-  };
-}, N = ({ color: e }) => {
-  const { colors: i, darkMode: d } = B(), o = d.value ? u.Dark : u.Light;
-  return {
-    "--clll-input-message-color": k({
-      color: e,
-      colors: i.value,
-      mode: o,
-      variant: n.Outline
-    })?.textBody ?? "inherit"
-  };
-}, W = ({ color: e, disabled: i, variant: d }) => {
-  const { borderRadius: o, colors: t, darkMode: s } = B(), a = s.value ? u.Dark : u.Light, c = d === n.Ghost, b = k({
-    color: e,
-    colors: t.value,
-    mode: a,
-    variant: n.Solid
-  }), l = k({
-    color: e,
-    colors: t.value,
-    mode: a,
-    variant: n.Outline
-  }), r = s.value ? "black" : "white", C = l?.border, f = l?.disabled, m = s.value ? "black" : b?.textDisabled, x = l?.focus, g = l?.focus, h = l?.text, p = l?.focus, $ = S();
-  return {
-    "--clll-select-bg": c ? "transparent" : r ?? "white",
-    "--clll-select-border": c ? "transparent" : C ?? "transparent",
-    "--clll-select-disabled-border": f ?? "transparent",
-    "--clll-select-disabled-bg": m ?? "transparent",
-    "--clll-select-focus-border": x ?? "transparent",
-    "--clll-select-focus-shadow": g ?? "transparent",
-    "--clll-select-text": h ?? "inherit",
-    "--clll-select-text-placeholder": p ?? "transparent",
-    "--clll-select-icon-color": h ?? "inherit",
-    "--clll-select-disabled-icon-color": p ?? "transparent",
-    "--clll-select-theme-radius": o.value ? `var(--clll-${o.value})` : void 0,
-    "--clll-select-ghost-padding": c ? "0" : void 0,
-    "--clll-select-required-asterisk-color": $ ?? "red"
-  };
-}, S = () => {
-  const { colors: e, darkMode: i } = B();
-  return i.value ? e.value.danger?.["400"] : e.value.danger?.["700"];
-}, w = "clll-input__message", X = /* @__PURE__ */ T({
-  __name: "CLInputMessages",
-  props: {
-    id: {},
-    messages: {},
-    messageType: { default: E.Neutral }
-  },
-  setup(e) {
-    return (i, d) => (L(!0), y(O, null, A(e.messages, (o, t) => (L(), y("span", {
-      key: `${e.id}-message-${t}`,
-      class: D([w, `${w}--${e.messageType}`]),
-      style: R(q(N)({ color: e.messageType }))
-    }, [
-      z("span", {
-        class: D([`${w}__text`])
-      }, F(o), 3)
-    ], 6))), 128));
-  }
-});
-export {
-  K as _,
-  X as a,
-  Q as c,
-  U as i,
-  W as s
-};

package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-Bhat3Q9Z.js

@@ -1,182 +0,0 @@
-import { defineComponent as U, ref as v, computed as _, watch as F, onMounted as P, onUnmounted as X, onBeforeUnmount as Z, createElementBlock as C, openBlock as m, normalizeStyle as j, normalizeClass as c, unref as a, createElementVNode as g, createBlock as x, createCommentVNode as b, createVNode as k, withCtx as L, createTextVNode as z, toDisplayString as S, isRef as q } from "vue";
-import { _ as N } from "./CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
-import { _ as G } from "./CLIcon.vue_vue_type_style_index_0_lang-R0Nhlutc.js";
-import { _ as J } from "./CLProgress.vue_vue_type_style_index_0_lang-DVJDbuDr.js";
-import { _ as K } from "./CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
-import { _ as O } from "./CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js";
-import { CLMode as R, CLColorVariants as w, CLToastPosition as Q, CLIconSizes as B, CLColors as h, CLHeadingTypes as W, CLTextTypes as I, CLSizes as A, CLIconNames as Y } from "../index.js";
-import { i as E, g as p, a as ee } from "./helper--hRjZVm6.js";
-import { useEsc as te } from "../composables/useEsc.js";
-import { g as oe } from "./utils-CS9Gz4oX.js";
-import { useTheme as ae } from "../composables/useTheme.js";
-const ie = ({ color: e, variant: t }) => {
-  const { borderRadius: $, colors: d, darkMode: l } = ae(), i = l.value ? R.Dark : R.Light, n = oe({
-    color: e,
-    colors: d.value,
-    mode: i,
-    variant: t
-  });
-  return {
-    "--clll-toast-bg-color": l.value ? "black" : "white",
-    "--clll-toast-text-color": n?.text ?? "inherit",
-    "--clll-toast-icon-bg": n?.bg ?? "transparent",
-    "--clll-toast-icon-color": n?.text ?? "inherit",
-    "--clll-toast-timer-bg": n?.textDisabled ?? "transparent",
-    "--clll-toast-theme-radius": $.value ? `var(--clll-${$.value})` : void 0
-  };
-}, se = ["data-testid"], u = 300, o = "clll-toast", ge = /* @__PURE__ */ U({
-  name: "CLToast",
-  __name: "CLToast",
-  props: {
-    actionLabel: {},
-    borderRadius: {},
-    color: { default: h.Secondary },
-    dismissTimer: { default: 5 },
-    icon: {},
-    iconSize: { default: B.Small },
-    message: {},
-    onAction: {},
-    onDismiss: {},
-    position: { default: Q.TopRight },
-    rounded: { type: Boolean, default: !0 },
-    testId: { default: "clll-toast" },
-    title: {},
-    variant: { default: w.Soft },
-    width: { default: "24rem" }
-  },
-  setup(e) {
-    const t = e, $ = v(), d = v(100), l = v(!1), i = v(), n = v(0), D = _(() => [
-      o,
-      t.borderRadius ? `${o}--${t.borderRadius}` : "",
-      t.dismissTimer ? `${o}--has-timer` : "",
-      t.icon ? `${o}--has-icon` : "",
-      t.message && !t.title ? `${o}--has-messageonly` : "",
-      l.value ? `${o}--mounted` : "",
-      t.onAction && t.actionLabel ? `${o}--has-action` : "",
-      t.rounded ? `${o}--rounded` : `${o}--box`,
-      t.title && !t.message ? `${o}--has-titleonly` : "",
-      t.title && t.message ? `${o}--has-titleandmessage` : "",
-      `${o}--${t.position}`
-    ]), y = () => {
-      l.value = !1, i.value && (i.value.stop(), i.value.start(u, (r) => {
-        Math.min(r, u) === u && (i.value?.stop(), t.onDismiss?.());
-      })), V();
-    }, H = () => {
-      const r = t.dismissTimer * 1e3, s = r / 100;
-      i.value?.start(r, (f) => {
-        const T = Math.min(f / 100, s);
-        d.value = 100 - T / s * 100, T === s && y();
-      });
-    }, M = () => {
-      i.value || (i.value = ee(), i.value.start(100, (r) => {
-        Math.min(r, 100) === 100 && (i.value?.stop(), l.value = !0, t?.dismissTimer && i.value?.start(u, (f) => {
-          Math.min(f, u) === u && (i.value?.stop(), H());
-        }));
-      }));
-    };
-    F(t, () => {
-      i.value && (i.value.stop(), i.value = void 0), t?.dismissTimer && M();
-    }), P(() => {
-      E && (n.value = p() + 1, M());
-    }), X(() => {
-      E && t?.dismissTimer && i.value && (i.value.stop(), i.value = void 0), l.value = !1, t.onDismiss?.();
-    });
-    const { clearEventListeners: V } = te({ escHandler: y });
-    return Z(() => {
-      V();
-    }), (r, s) => (m(), C("output", {
-      ref_key: "elem",
-      ref: $,
-      class: c(a(D)),
-      "data-testid": e.testId,
-      style: j({ zIndex: a(n), "--clll-toast-width": e.width, ...a(ie)({ color: e.color, variant: e.variant }) })
-    }, [
-      g("div", {
-        class: c(`${o}__body`)
-      }, [
-        g("div", {
-          class: c(`${o}__content`)
-        }, [
-          e.icon ? (m(), C("div", {
-            key: 0,
-            class: c(`${o}__icon`)
-          }, [
-            k(a(G), {
-              name: e.icon,
-              size: e.iconSize
-            }, null, 8, ["name", "size"])
-          ], 2)) : b("", !0),
-          g("div", {
-            class: c(`${o}__text`)
-          }, [
-            e.title ? (m(), x(a(O), {
-              key: 0,
-              color: a(h).Neutral,
-              "test-id": `${o}__title`,
-              type: a(W).Section
-            }, {
-              default: L(() => [
-                z(S(e.title), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "test-id", "type"])) : b("", !0),
-            e.message ? (m(), x(a(K), {
-              key: 1,
-              color: a(h).Neutral,
-              "test-id": `${o}__message`,
-              type: e.title ? a(I).Medium : a(I).Body
-            }, {
-              default: L(() => [
-                z(S(e.message), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "test-id", "type"])) : b("", !0)
-          ], 2),
-          e.onAction && e.actionLabel ? (m(), C("div", {
-            key: 1,
-            class: c(`${o}__action-button`)
-          }, [
-            k(a(N), {
-              color: e.color,
-              "border-radius": e.borderRadius,
-              "on-click": e.onAction,
-              "test-id": `${o}__action-button`,
-              variant: e.variant
-            }, {
-              default: L(() => [
-                z(S(e.actionLabel), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "border-radius", "on-click", "test-id", "variant"])
-          ], 2)) : b("", !0)
-        ], 2),
-        g("div", {
-          class: c(`${o}__dismiss-button`)
-        }, [
-          k(a(N), {
-            "aria-label": "Dismiss toast",
-            color: a(h).Neutral,
-            "border-radius": e.borderRadius,
-            "icon-before": a(Y).Delete,
-            "icon-size": a(B).Tiny,
-            "on-click": y,
-            size: a(A).Tiny,
-            "test-id": `${o}__dismiss-button`,
-            variant: a(w).Text
-          }, null, 8, ["color", "border-radius", "icon-before", "icon-size", "size", "test-id", "variant"])
-        ], 2)
-      ], 2),
-      e.dismissTimer ? (m(), x(a(J), {
-        key: 0,
-        modelValue: a(d),
-        "onUpdate:modelValue": s[0] || (s[0] = (f) => q(d) ? d.value = f : null),
-        color: e.color,
-        rounded: !1,
-        size: a(A).Small
-      }, null, 8, ["modelValue", "color", "size"])) : b("", !0)
-    ], 14, se));
-  }
-});
-export {
-  ge as _
-};

package/dist/chunks/utils-CAV1sBee.js

@@ -1,24 +0,0 @@
-import { CLMode as l, CLColors as t, CLColorVariants as n } from "../index.js";
-import { g as c } from "./utils-CS9Gz4oX.js";
-import { useTheme as a } from "../composables/useTheme.js";
-const g = () => {
-  const { borderRadius: o, darkMode: r } = a();
-  return {
-    "--clll-skeleton-bg-color": r.value ? "rgba(0 0 0 / 0.005)" : "rgba(0 0 0 / 0.075)",
-    "--clll-skeleton-theme-radius": o.value ? `var(--clll-${o.value})` : void 0
-  };
-}, k = ({ color: o = t.Primary }) => {
-  const { colors: r, darkMode: e } = a(), s = e.value ? l.Dark : l.Light;
-  return {
-    "--clll-spinner-color": c({
-      color: o,
-      colors: r.value,
-      mode: s,
-      variant: n.Solid
-    })?.bg ?? "inherit"
-  };
-};
-export {
-  k as a,
-  g as s
-};