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

package/dist/esm/index.js

@@ -1,59 +1,59 @@
-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 a, a as e } from "../chunks/alert.types-C_ygg7fh.js";
+import { A as s } from "../chunks/avatar.component-C-365mx3.js";
 import { a as i, b as m } from "../chunks/avatar.types-C6dZZjdi.js";
-import { A as x } from "../chunks/avatarGroup.component-DiHCY00L.js";
+import { A as x } from "../chunks/avatarGroup.component-B-ZOhj7i.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-D7Q5pK_U.js";
-import { C as D } from "../chunks/calendar.component-BcZPDpVD.js";
+import { B as g } from "../chunks/buttonGroup.component-DUK2FgFn.js";
+import { C as D } from "../chunks/calendar.component-CHIhplfO.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-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 { C as z } from "../chunks/characterCounter.component-Ch3P3GqC.js";
+import { W as V } from "../chunks/checkbox.component-DE35wBj-.js";
+import { W as B } from "../chunks/checkboxGroup.component-CYwGlktu.js";
+import { C as I } from "../chunks/conversationCard.component-CMdqD3yN.js";
+import { D as R } from "../chunks/datePicker.component-eHU7IZgC.js";
+import { D as K } from "../chunks/datePicker.provider-BWHE-9FA.js";
+import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-Byjxg2lJ.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-B01vfS3X.js";
+import { W as Y } from "../chunks/heading.component-7ikcgDco.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-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 { M as io } from "../chunks/menu.component-DwTen8Uv.js";
+import { M as fo, c as xo, a as no, b as co, m as lo } from "../chunks/modal.types-B0rK6xJy.js";
+import { N as To } from "../chunks/notificationCounter.component-BexkISUl.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-dT6NvhKx.js";
-import { P as yo } from "../chunks/popover.component-Cmkq1ObC.js";
+import { W as Po, p as ho } from "../chunks/pinInput.types-CcaAN6P2.js";
+import { P as yo } from "../chunks/popover.component-DEOUdSu3.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-BpjlcKVH.js";
+import { W as Bo, a as wo, r as Io } from "../chunks/radioGroup.types-DJ68ERdO.js";
 import { R as Ro } from "../chunks/radiomark.component-D_7wT5VA.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 { W as Ko } from "../chunks/rating.component-ChzcvUl6.js";
+import { W as Oo } from "../chunks/ratingDots.component-D9WQGVcj.js";
+import { W as Ho } from "../chunks/select.component-B4mAPqzN.js";
+import { S as qo } from "../chunks/sortableList.component-XfURY7C2.js";
+import { S as Jo } from "../chunks/spinner.component-B3dkvoO9.js";
 import { s as Uo } from "../chunks/spinner.types-g7cTFJkb.js";
-import { S as Yo, s as Zo } from "../chunks/styledAvatar.types-de0CLKx1.js";
+import { S as Yo, s as Zo } from "../chunks/styledAvatar.types-cR6PNPxA.js";
 import { S as $o, s as or } from "../chunks/swatch.types-CkrkMi11.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 { W as ar } from "../chunks/switch.component-CpV7mnhR.js";
+import { T as tr, a as sr, t as pr } from "../chunks/tab.types-DaJfFBvr.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-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 { T as lr, a as dr } from "../chunks/tagBlock.component-Cor6eakc.js";
+import { W as Tr } from "../chunks/text.component-CdTyTFds.js";
+import { W as br } from "../chunks/textInput.component-BC0Hi8R_.js";
+import { W as gr } from "../chunks/textarea.component-axjxiv82.js";
+import { M as Dr, T as Pr } from "../chunks/timePicker.component-u34pHrzr.js";
+import { T as kr } from "../chunks/timeRange.component-BiA1VWQ8.js";
+import { T as Wr } from "../chunks/timestamp.component-DBmc7D23.js";
 import { useToast as Mr } from "./components/Toast/index.js";
-import { T as Ar } from "../chunks/tooltip.component-D-gD8HRx.js";
-import { W as wr } from "../chunks/numberInput.component-BRkOWlpB.js";
+import { T as Ar } from "../chunks/tooltip.component-C_NS-AoH.js";
+import { W as wr } from "../chunks/numberInput.component-RCwUUzmH.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-DPLc_jY5.js";
+import { K as ra, k as aa, s as ea } from "../chunks/theme.provider-BD7qyu-B.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-DPLc_jY5.js";
+import { K as b, k as i, s as m } from "../../chunks/theme.provider-BD7qyu-B.js";
 export {
   b as KibbleThemeProvider,
   i as kibbleThemeConfig,

package/dist/types/components/Logo/logo.component.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { BoxProps } from '@chakra-ui/react/box';
 import { LogoType, LogoVariant } from './logo.types';
-export interface LogoProps extends BoxProps {
+export interface LogoProps extends Omit<BoxProps, 'color'> {
     /** Callback function for when the logo is clicked */
     onClick?: () => void;
     /**
@@ -10,7 +10,7 @@ export interface LogoProps extends BoxProps {
      */
     type?: LogoType;
     /**
-     * Color variant of the logo. If you want to use a custom color, the variant prop should be omitted and the color prop should be used instead.
+     * The color variant of the logo
      * @default default
      */
     variant?: LogoVariant;

package/package.json

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

package/dist/chunks/tooltip.component-BZfqsf0O.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"),Y=require("./index-BQRnVsAg.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 M=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`,z=e=>e.ids?.arrow??`hover-card:${e.id}:arrow`,x=e=>e.getById(k(e)),J=e=>e.getById(D(e)),h=e=>e.getById(A(e));function K(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:z(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(),Q=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=()=>J(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 W=e=>{const t=g.useId(),{getRootNode:r}=a.useEnvironmentContext(),{dir:o}=a.useLocaleContext(),n={id:t,dir:o,getRootNode:r,...e},d=a.useMachine(Q,n);return K(d,a.normalizeProps)},X=e=>{const[t,{children:r,...o}]=c.splitPresenceProps(e),n=W(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})})},Z=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:ee}=w.createSlotRecipeContext({key:"hoverCard"}),te=_(Z),b=_(X),re=ee,$=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,{})}}),oe=M,ne=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:ne})({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(Y.Box,{lineHeight:0,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=oe;exports.HoverCardPositioner=G;exports.HoverCardPropsProvider=re;exports.HoverCardRoot=b;exports.HoverCardRootProvider=te;exports.HoverCardTrigger=$;exports.Tooltip=q;exports.anatomy=R;exports.useHoverCardContext=C;
-//# sourceMappingURL=tooltip.component-BZfqsf0O.js.map