@televet/kibble-ui 5.0.1-beta.1 → 5.0.1-beta.2

package/dist/esm/index.js

@@ -1,59 +1,59 @@
-import { A as a, a as e } from "../chunks/alert.types-B4ZeoVAn.js";
-import { A as s } from "../chunks/avatar.component-8KbJ-Ql0.js";
+import { A as a, a as e } from "../chunks/alert.types-DZFIf9wf.js";
+import { A as s } from "../chunks/avatar.component-CNCSlDTS.js";
 import { a as i, b as m } from "../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../chunks/avatarGroup.component-D13krxcA.js";
+import { A as x } from "../chunks/avatarGroup.component-DiHCY00L.js";
 import { B as c } from "../chunks/button.component-BO6oee_V.js";
 import { b as d, d as u, c as T, e as S, a as b } from "../chunks/button.types-C9PpvmYR.js";
-import { B as g } from "../chunks/buttonGroup.component-BSaFEgBh.js";
-import { C as D } from "../chunks/calendar.component-DUquXoTx.js";
+import { B as g } from "../chunks/buttonGroup.component-D7Q5pK_U.js";
+import { C as D } from "../chunks/calendar.component-BcZPDpVD.js";
 import { C as h } from "../chunks/card.component-B1AznjWF.js";
 import { c as y } from "../chunks/card.types-Cixp7ouC.js";
-import { C as z } from "../chunks/characterCounter.component-DVx8ONlh.js";
-import { W as V } from "../chunks/checkbox.component-C2L3jt9X.js";
-import { W as B } from "../chunks/checkboxGroup.component-DGRvcTQa.js";
-import { C as I } from "../chunks/conversationCard.component-cUZNdM6z.js";
-import { D as R } from "../chunks/datePicker.component-CrXPIoE7.js";
-import { D as K } from "../chunks/datePicker.provider-RBWvoF94.js";
-import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-BPi7SkSd.js";
+import { C as z } from "../chunks/characterCounter.component-BzaKDXoa.js";
+import { W as V } from "../chunks/checkbox.component-BAJTqokB.js";
+import { W as B } from "../chunks/checkboxGroup.component-DjXyLtK5.js";
+import { C as I } from "../chunks/conversationCard.component-CYgaFrZa.js";
+import { D as R } from "../chunks/datePicker.component-BviOy_b7.js";
+import { D as K } from "../chunks/datePicker.provider-14Jbuqge.js";
+import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-CKBI9J3I.js";
 import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
 import { d as J, a as Q, b as U } from "../chunks/divider.types-6MEkMNbx.js";
-import { W as Y } from "../chunks/heading.component-CGIWJdxz.js";
+import { W as Y } from "../chunks/heading.component-B01vfS3X.js";
 import { I as _ } from "../chunks/icon.component-PV_nHBId.js";
 import { i as oo } from "../chunks/icon.types-DLbVfMjG.js";
 import { L as ao } from "../chunks/link.component--URNKuK2.js";
 import { L as to, l as so } from "../chunks/logo.types-C5GwpHjM.js";
-import { M as io } from "../chunks/menu.component-CUmUL23c.js";
-import { M as fo, c as xo, a as no, b as co, m as lo } from "../chunks/modal.types-CTfmpPtW.js";
-import { N as To } from "../chunks/notificationCounter.component-CFHcB6hr.js";
+import { M as io } from "../chunks/menu.component-DvdmRDdV.js";
+import { M as fo, c as xo, a as no, b as co, m as lo } from "../chunks/modal.types-CLhZDPZJ.js";
+import { N as To } from "../chunks/notificationCounter.component-9RDTUEu4.js";
 import { n as bo, a as Co } from "../chunks/notificationCounter.types-Dm4PSN2Y.js";
 import { P as vo } from "../chunks/picture.component-DzdHIFN_.js";
-import { W as Po, p as ho } from "../chunks/pinInput.types-BVQTxHUY.js";
-import { P as yo } from "../chunks/popover.component-DtmTVjVy.js";
+import { W as Po, p as ho } from "../chunks/pinInput.types-dT6NvhKx.js";
+import { P as yo } from "../chunks/popover.component-Cmkq1ObC.js";
 import { p as zo, b as Mo, a as Vo } from "../chunks/popover.types-CQJj3uOX.js";
-import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-8pv6fBcI.js";
+import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-BpjlcKVH.js";
 import { R as Ro } from "../chunks/radiomark.component-D_7wT5VA.js";
-import { W as Ko } from "../chunks/rating.component-DN-yt40l.js";
-import { W as Oo } from "../chunks/ratingDots.component-BvuMDpSJ.js";
-import { W as Ho } from "../chunks/select.component-D4ZKBjaG.js";
-import { S as qo } from "../chunks/sortableList.component-CeoxjOaO.js";
-import { S as Jo } from "../chunks/spinner.component-CAbc_M1b.js";
+import { W as Ko } from "../chunks/rating.component-Bw7J2t53.js";
+import { W as Oo } from "../chunks/ratingDots.component-dc23nAux.js";
+import { W as Ho } from "../chunks/select.component-Kuyi2Vss.js";
+import { S as qo } from "../chunks/sortableList.component-CnytgYTZ.js";
+import { S as Jo } from "../chunks/spinner.component-DAP9MzTs.js";
 import { s as Uo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Yo, s as Zo } from "../chunks/styledAvatar.types-T4iZ4kzZ.js";
+import { S as Yo, s as Zo } from "../chunks/styledAvatar.types-de0CLKx1.js";
 import { S as $o, s as or } from "../chunks/swatch.types-CkrkMi11.js";
-import { W as ar } from "../chunks/switch.component-C0quBAfF.js";
-import { T as tr, a as sr, t as pr } from "../chunks/tab.types-V2MsJaJx.js";
+import { W as ar } from "../chunks/switch.component-UGvxYUIs.js";
+import { T as tr, a as sr, t as pr } from "../chunks/tab.types-CDCnGZmA.js";
 import { T as mr } from "../chunks/tag.component-B7V76XfM.js";
 import { c as xr, t as nr } from "../chunks/tag.types-B-pzEt1I.js";
-import { T as lr, a as dr } from "../chunks/tagBlock.component-CjUEeCb0.js";
-import { W as Tr } from "../chunks/text.component-EW-kQ5Hv.js";
-import { W as br } from "../chunks/textInput.component-7NWlIJql.js";
-import { W as gr } from "../chunks/textarea.component-C3nNCWmV.js";
-import { M as Dr, T as Pr } from "../chunks/timePicker.component-BA4Ne43R.js";
-import { T as kr } from "../chunks/timeRange.component-YqZ047RE.js";
-import { T as Wr } from "../chunks/timestamp.component-BnwS99du.js";
+import { T as lr, a as dr } from "../chunks/tagBlock.component-E2jjG_iY.js";
+import { W as Tr } from "../chunks/text.component-C6zSVoAr.js";
+import { W as br } from "../chunks/textInput.component-D2RLXqfA.js";
+import { W as gr } from "../chunks/textarea.component-D0TE4am_.js";
+import { M as Dr, T as Pr } from "../chunks/timePicker.component-BDIw2qgI.js";
+import { T as kr } from "../chunks/timeRange.component-DDDRMsgD.js";
+import { T as Wr } from "../chunks/timestamp.component-DoYQ_cjf.js";
 import { useToast as Mr } from "./components/Toast/index.js";
-import { T as Ar } from "../chunks/tooltip.component-BITkQyWl.js";
-import { W as wr } from "../chunks/numberInput.component-DbnsxDQd.js";
+import { T as Ar } from "../chunks/tooltip.component-D-gD8HRx.js";
+import { W as wr } from "../chunks/numberInput.component-BRkOWlpB.js";
 import { w as Lr } from "../chunks/withDarkMode-C3yba5oU.js";
 import { w as Gr } from "../chunks/withLightMode-DUdXB3Uy.js";
 import { useBreakpoint as Nr } from "./hooks/useBreakpoint/index.js";
@@ -62,7 +62,7 @@ import { useColorModeValue as jr } from "./hooks/useColorModeValue/index.js";
 import { useDeviceType as Er } from "./hooks/useDeviceType/index.js";
 import { alignments as Qr, flexDirections as Ur, placements as Xr, statuses as Yr, typographyVariants as Zr } from "./shared/types/index.js";
 import { c as $r } from "../chunks/theme-BOK659O0.js";
-import { K as ra, k as aa, s as ea } from "../chunks/theme.provider-B5wHkUue.js";
+import { K as ra, k as aa, s as ea } from "../chunks/theme.provider-DPLc_jY5.js";
 export {
   a as Alert,
   s as Avatar,

package/dist/esm/theme/index.js

@@ -1,4 +1,4 @@
-import { K as b, k as i, s as m } from "../../chunks/theme.provider-B5wHkUue.js";
+import { K as b, k as i, s as m } from "../../chunks/theme.provider-DPLc_jY5.js";
 export {
   b as KibbleThemeProvider,
   i as kibbleThemeConfig,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "5.0.1-beta.1",
+  "version": "5.0.1-beta.2",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",

package/dist/chunks/tooltip.component-B47vZ14Y.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),g=require("react"),B=require("./config-jChwZPSv.js"),p=require("./index-CQURjLlA.js"),c=require("./index-Ts8g8jZd.js"),U=require("./index-BoulS5Zg.js"),a=require("./use-locale-context-ym21RUxU.js"),w=require("./create-slot-recipe-context-HXE1VazG.js"),[N,C]=a.createContext({name:"HoverCardContext",hookName:"useHoverCardContext",providerName:"<HoverCardProvider />"}),L=g.forwardRef((e,t)=>{const r=C(),o=p.mergeProps(r.getArrowProps(),e);return s.jsxRuntimeExports.jsx(a.ark.div,{...o,ref:t})});L.displayName="HoverCardArrow";const j=g.forwardRef((e,t)=>{const r=C(),o=p.mergeProps(r.getArrowTipProps(),e);return s.jsxRuntimeExports.jsx(a.ark.div,{...o,ref:t})});j.displayName="HoverCardArrowTip";const H=g.forwardRef((e,t)=>{const r=C(),o=c.usePresenceContext(),n=p.mergeProps(r.getContentProps(),o.getPresenceProps(),e);return o.unmounted?null:s.jsxRuntimeExports.jsx(a.ark.div,{...n,ref:a.composeRefs(o.ref,t)})});H.displayName="HoverCardContent";const Y=e=>e.children(C()),I=g.forwardRef((e,t)=>{const r=C(),o=p.mergeProps(r.getPositionerProps(),e);return c.usePresenceContext().unmounted?null:s.jsxRuntimeExports.jsx(a.ark.div,{...o,ref:t})});I.displayName="HoverCardPositioner";var R=p.createAnatomy("hoverCard").parts("arrow","arrowTip","trigger","positioner","content"),v=R.build(),k=e=>e.ids?.trigger??`hover-card:${e.id}:trigger`,D=e=>e.ids?.content??`hover-card:${e.id}:content`,A=e=>e.ids?.positioner??`hover-card:${e.id}:popper`,M=e=>e.ids?.arrow??`hover-card:${e.id}:arrow`,x=e=>e.getById(k(e)),z=e=>e.getById(D(e)),h=e=>e.getById(A(e));function J(e,t){const{state:r,send:o,prop:n,context:d,scope:u}=e,P=r.hasTag("open"),l=c.getPlacementStyles({...n("positioning"),placement:d.get("currentPlacement")});return{open:P,setOpen(i){r.hasTag("open")!==i&&o({type:i?"OPEN":"CLOSE"})},reposition(i={}){o({type:"POSITIONING.SET",options:i})},getArrowProps(){return t.element({id:M(u),...v.arrow.attrs,dir:n("dir"),style:l.arrow})},getArrowTipProps(){return t.element({...v.arrowTip.attrs,dir:n("dir"),style:l.arrowTip})},getTriggerProps(){return t.element({...v.trigger.attrs,dir:n("dir"),"data-placement":d.get("currentPlacement"),id:k(u),"data-state":P?"open":"closed",onPointerEnter(i){i.pointerType!=="touch"&&o({type:"POINTER_ENTER",src:"trigger"})},onPointerLeave(i){i.pointerType!=="touch"&&o({type:"POINTER_LEAVE",src:"trigger"})},onFocus(){o({type:"TRIGGER_FOCUS"})},onBlur(){o({type:"TRIGGER_BLUR"})}})},getPositionerProps(){return t.element({id:A(u),...v.positioner.attrs,dir:n("dir"),style:l.floating})},getContentProps(){return t.element({...v.content.attrs,dir:n("dir"),id:D(u),hidden:!P,tabIndex:-1,"data-state":P?"open":"closed","data-placement":d.get("currentPlacement"),onPointerEnter(i){i.pointerType!=="touch"&&o({type:"POINTER_ENTER",src:"content"})},onPointerLeave(i){i.pointerType!=="touch"&&o({type:"POINTER_LEAVE",src:"content"})}})}}}var{not:O,and:y}=p.createGuards(),K=p.createMachine({props({props:e}){return{openDelay:700,closeDelay:300,...e,positioning:{placement:"bottom",...e.positioning}}},initialState({prop:e}){return e("open")||e("defaultOpen")?"open":"closed"},context({prop:e,bindable:t}){return{open:t(()=>({defaultValue:e("defaultOpen"),value:e("open"),onChange(r){e("onOpenChange")?.({open:r})}})),currentPlacement:t(()=>({defaultValue:void 0})),isPointer:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,action:r}){e([()=>t.get("open")],()=>{r(["toggleVisibility"])})},states:{closed:{tags:["closed"],entry:["clearIsPointer"],on:{"CONTROLLED.OPEN":{target:"open"},POINTER_ENTER:{target:"opening",actions:["setIsPointer"]},TRIGGER_FOCUS:{target:"opening"},OPEN:{target:"opening"}}},opening:{tags:["closed"],effects:["waitForOpenDelay"],on:{OPEN_DELAY:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],"CONTROLLED.OPEN":{target:"open"},"CONTROLLED.CLOSE":{target:"closed"},POINTER_LEAVE:[{guard:"isOpenControlled",actions:["invokeOnClose","toggleVisibility"]},{target:"closed",actions:["invokeOnClose"]}],TRIGGER_BLUR:[{guard:y("isOpenControlled",O("isPointer")),actions:["invokeOnClose","toggleVisibility"]},{guard:O("isPointer"),target:"closed",actions:["invokeOnClose"]}],CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose","toggleVisibility"]},{target:"closed",actions:["invokeOnClose"]}]}},open:{tags:["open"],effects:["trackDismissableElement","trackPositioning"],on:{"CONTROLLED.CLOSE":{target:"closed"},POINTER_ENTER:{actions:["setIsPointer"]},POINTER_LEAVE:{target:"closing"},CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],TRIGGER_BLUR:[{guard:y("isOpenControlled",O("isPointer")),actions:["invokeOnClose"]},{guard:O("isPointer"),target:"closed",actions:["invokeOnClose"]}],"POSITIONING.SET":{actions:["reposition"]}}},closing:{tags:["open"],effects:["trackPositioning","waitForCloseDelay"],on:{CLOSE_DELAY:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"CONTROLLED.CLOSE":{target:"closed"},"CONTROLLED.OPEN":{target:"open"},POINTER_ENTER:{target:"open",actions:["setIsPointer"]}}}},implementations:{guards:{isPointer:({context:e})=>!!e.get("isPointer"),isOpenControlled:({prop:e})=>e("open")!=null},effects:{waitForOpenDelay({send:e,prop:t}){const r=setTimeout(()=>{e({type:"OPEN_DELAY"})},t("openDelay"));return()=>clearTimeout(r)},waitForCloseDelay({send:e,prop:t}){const r=setTimeout(()=>{e({type:"CLOSE_DELAY"})},t("closeDelay"));return()=>clearTimeout(r)},trackPositioning({context:e,prop:t,scope:r}){e.get("currentPlacement")||e.set("currentPlacement",t("positioning").placement);const o=()=>h(r);return c.getPlacement(x(r),o,{...t("positioning"),defer:!0,onComplete(n){e.set("currentPlacement",n.placement)}})},trackDismissableElement({send:e,scope:t,prop:r}){const o=()=>z(t);return U.trackDismissableElement(o,{defer:!0,exclude:[x(t)],onDismiss(){e({type:"CLOSE",src:"interact-outside"})},onInteractOutside:r("onInteractOutside"),onPointerDownOutside:r("onPointerDownOutside"),onFocusOutside(n){n.preventDefault(),r("onFocusOutside")?.(n)}})}},actions:{invokeOnClose({prop:e}){e("onOpenChange")?.({open:!1})},invokeOnOpen({prop:e}){e("onOpenChange")?.({open:!0})},setIsPointer({context:e}){e.set("isPointer",!0)},clearIsPointer({context:e}){e.set("isPointer",!1)},reposition({context:e,prop:t,scope:r,event:o}){const n=()=>h(r);c.getPlacement(x(r),n,{...t("positioning"),...o.options,defer:!0,listeners:!1,onComplete(d){e.set("currentPlacement",d.placement)}})},toggleVisibility({prop:e,event:t,send:r}){queueMicrotask(()=>{r({type:e("open")?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:t})})}}}});a.createProps()(["closeDelay","dir","getRootNode","id","ids","onOpenChange","defaultOpen","open","openDelay","positioning","onInteractOutside","onPointerDownOutside","onFocusOutside"]);const Q=e=>{const t=g.useId(),{getRootNode:r}=a.useEnvironmentContext(),{dir:o}=a.useLocaleContext(),n={id:t,dir:o,getRootNode:r,...e},d=a.useMachine(K,n);return J(d,a.normalizeProps)},W=e=>{const[t,{children:r,...o}]=c.splitPresenceProps(e),n=Q(o),d=c.usePresence(p.mergeProps({present:n.open},t));return s.jsxRuntimeExports.jsx(N,{value:n,children:s.jsxRuntimeExports.jsx(c.PresenceProvider,{value:d,children:r})})},X=e=>{const[t,{value:r,children:o}]=c.splitPresenceProps(e),n=c.usePresence(p.mergeProps({present:r.open},t));return s.jsxRuntimeExports.jsx(N,{value:r,children:s.jsxRuntimeExports.jsx(c.PresenceProvider,{value:n,children:o})})},S=g.forwardRef((e,t)=>{const r=C(),o=p.mergeProps(r.getTriggerProps(),e);return s.jsxRuntimeExports.jsx(a.ark.button,{...o,ref:t})});S.displayName="HoverCardTrigger";const{withRootProvider:_,withContext:E,PropsProvider:Z}=w.createSlotRecipeContext({key:"hoverCard"}),ee=_(X),b=_(W),te=Z,$=E(S,"trigger",{forwardAsChild:!0}),G=E(I,"positioner",{forwardAsChild:!0}),V=E(H,"content",{forwardAsChild:!0}),T=E(j,"arrowTip",{forwardAsChild:!0}),F=E(L,"arrow",{forwardAsChild:!0,defaultProps:{children:s.jsxRuntimeExports.jsx(T,{})}}),re=Y,oe=B.defineSlotRecipe({slots:R.keys(),base:{arrow:{"--arrow-size":"10px"},arrowTip:{border:"none"},content:{"--hovercard-bg":"colors.background.overlay.contrast",border:"none",borderRadius:"base",boxShadow:"none",color:"text.contrast",fontSize:"sm",lineHeight:"150%",padding:2,zIndex:"tooltip"},trigger:{textAlign:"left",width:"max-content"}},variants:{onContrast:{true:{content:{"--hovercard-bg":"colors.background.overlay",color:"text"}}}}}),q=g.forwardRef(({children:e,disabled:t=!1,openDelay:r=750,placement:o="top",positioning:n,portalled:d=!0,label:u,onContrast:P=!1,["data-testid"]:l="kibble-tooltip",...i},f)=>{const m=w.useSlotRecipe({recipe:oe})({onContrast:P});return e?t||!u?e:s.jsxRuntimeExports.jsxs(b,{positioning:{...n,placement:n?.placement||o},openDelay:r,...i,children:[s.jsxRuntimeExports.jsx($,{asChild:!0,className:"Tooltip__Trigger","data-testid":`${l}-trigger`,css:m.trigger,children:s.jsxRuntimeExports.jsx("span",{children:e})}),s.jsxRuntimeExports.jsx(c.Portal,{disabled:!d,children:s.jsxRuntimeExports.jsx(G,{className:"Tooltip","data-testid":l,children:s.jsxRuntimeExports.jsxs(V,{className:"Tooltip__Content","data-testid":`${l}-content`,ref:f,css:m.content,children:[s.jsxRuntimeExports.jsx(F,{className:"Tooltip__Arrow","data-testid":`${l}-arrow`,css:m.arrow,children:s.jsxRuntimeExports.jsx(T,{css:m.arrowTip})}),u]})})})]}):s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{})});q.displayName="Tooltip";exports.HoverCardArrow=F;exports.HoverCardArrowTip=T;exports.HoverCardContent=V;exports.HoverCardContext=re;exports.HoverCardPositioner=G;exports.HoverCardPropsProvider=te;exports.HoverCardRoot=b;exports.HoverCardRootProvider=ee;exports.HoverCardTrigger=$;exports.Tooltip=q;exports.anatomy=R;exports.useHoverCardContext=C;
-//# sourceMappingURL=tooltip.component-B47vZ14Y.js.map