@televet/kibble-ui 4.0.0-beta.66 → 4.0.0-beta.67

package/dist/chunks/timestamp.component-CfjeVkJs.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),m=require("react"),a=require("./withTruncation-DguVvIAI.js"),s=require("./format-BRt-TIiQ.js");function x(t){return s.constructFrom(t,Date.now())}function f(t,e,r){const[n,i]=s.normalizeDates(r?.in,t,e);return+s.startOfDay(n)==+s.startOfDay(i)}function p(t,e){return f(s.constructFrom(t,t),x(t))}const l=({date:t,timeFormat:e="h:mma",dateFormat:r="M/d/yy",shouldTodayDisplayTimeOnly:n=!0,tooltipLabel:i,textProps:c})=>{const u=m.useMemo(()=>s.format(t,p(t)&&n?e:r),[t,r,n,e]);return o.jsxRuntimeExports.jsx(a.Tooltip,{disabled:!i,label:i||"",children:o.jsxRuntimeExports.jsx(a.WrappedText,{className:"Timestamp","data-testid":"kibble-timestamp",variant:"subtle",size:"xs",textTransform:"lowercase",...c,children:u})})};exports.Timestamp=l;
-//# sourceMappingURL=timestamp.component-CfjeVkJs.js.map

package/dist/chunks/typography-Cqrokog3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography-Cqrokog3.js","sources":["../../src/shared/records/typography.ts"],"sourcesContent":["import { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { FontWeight } from \"theme/tokens/typography\";\n\nexport const typographyVariantStyles: Record<\n  TypographyVariant,\n  SystemStyleObject\n> = {\n  accent: {\n    color: \"text.accent\",\n  },\n  accentSubtle: {\n    color: \"text.accent.subtle\",\n  },\n  brand: {\n    color: \"text.brand\",\n  },\n  brandOnContrast: {\n    color: \"text.brand.contrast\",\n  },\n  danger: {\n    color: \"text.danger\",\n  },\n  dangerOnContrast: {\n    color: \"text.danger.contrast\",\n  },\n  default: {\n    color: \"text.default\",\n  },\n  info: {\n    color: \"text.info\",\n  },\n  interactive: {\n    color: \"text.interactive\",\n    _hover: {\n      color: \"text.interactive.hover\",\n    },\n  },\n  interactiveOnContrast: {\n    color: \"text.interactive.contrast\",\n    _hover: {\n      color: \"text.interactive.contrast.hover\",\n    },\n  },\n  onContrast: {\n    color: \"text.contrast\",\n  },\n  placeholder: {\n    color: \"text.placeholder\",\n  },\n  placeholderOnContrast: {\n    color: \"text.placeholder.contrast\",\n  },\n  subtle: {\n    color: \"text.subtle\",\n  },\n  subtleOnContrast: {\n    color: \"text.subtle.contrast\",\n  },\n  success: {\n    color: \"text.success\",\n  },\n  warning: {\n    color: \"text.warning\",\n  },\n};\n\nexport const fontWeightStyles: Record<FontWeight, SystemStyleObject> = {\n  normal: { fontWeight: \"normal\" },\n  semibold: { fontWeight: \"semibold\" },\n  bold: { fontWeight: \"bold\" },\n};\n"],"names":["typographyVariantStyles","fontWeightStyles"],"mappings":"AAIO,MAAMA,IAGT;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,IAChB,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,uBAAuB;AAAA,IACrB,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,EACT;AAAA,EACA,uBAAuB;AAAA,IACrB,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,IAChB,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAEaC,IAA0D;AAAA,EACrE,QAAQ,EAAE,YAAY,SAAS;AAAA,EAC/B,UAAU,EAAE,YAAY,WAAW;AAAA,EACnC,MAAM,EAAE,YAAY,OAAO;AAC7B;"}

package/dist/chunks/typography-CtiaGoJG.js

@@ -1,2 +0,0 @@
-"use strict";const t={accent:{color:"text.accent"},accentSubtle:{color:"text.accent.subtle"},brand:{color:"text.brand"},brandOnContrast:{color:"text.brand.contrast"},danger:{color:"text.danger"},dangerOnContrast:{color:"text.danger.contrast"},default:{color:"text.default"},info:{color:"text.info"},interactive:{color:"text.interactive",_hover:{color:"text.interactive.hover"}},interactiveOnContrast:{color:"text.interactive.contrast",_hover:{color:"text.interactive.contrast.hover"}},onContrast:{color:"text.contrast"},placeholder:{color:"text.placeholder"},placeholderOnContrast:{color:"text.placeholder.contrast"},subtle:{color:"text.subtle"},subtleOnContrast:{color:"text.subtle.contrast"},success:{color:"text.success"},warning:{color:"text.warning"}},o={normal:{fontWeight:"normal"},semibold:{fontWeight:"semibold"},bold:{fontWeight:"bold"}};exports.fontWeightStyles=o;exports.typographyVariantStyles=t;
-//# sourceMappingURL=typography-CtiaGoJG.js.map

package/dist/chunks/typography-CtiaGoJG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography-CtiaGoJG.js","sources":["../../src/shared/records/typography.ts"],"sourcesContent":["import { SystemStyleObject } from \"@chakra-ui/react/styled-system\";\nimport { TypographyVariant } from \"shared/types/typography\";\nimport { FontWeight } from \"theme/tokens/typography\";\n\nexport const typographyVariantStyles: Record<\n  TypographyVariant,\n  SystemStyleObject\n> = {\n  accent: {\n    color: \"text.accent\",\n  },\n  accentSubtle: {\n    color: \"text.accent.subtle\",\n  },\n  brand: {\n    color: \"text.brand\",\n  },\n  brandOnContrast: {\n    color: \"text.brand.contrast\",\n  },\n  danger: {\n    color: \"text.danger\",\n  },\n  dangerOnContrast: {\n    color: \"text.danger.contrast\",\n  },\n  default: {\n    color: \"text.default\",\n  },\n  info: {\n    color: \"text.info\",\n  },\n  interactive: {\n    color: \"text.interactive\",\n    _hover: {\n      color: \"text.interactive.hover\",\n    },\n  },\n  interactiveOnContrast: {\n    color: \"text.interactive.contrast\",\n    _hover: {\n      color: \"text.interactive.contrast.hover\",\n    },\n  },\n  onContrast: {\n    color: \"text.contrast\",\n  },\n  placeholder: {\n    color: \"text.placeholder\",\n  },\n  placeholderOnContrast: {\n    color: \"text.placeholder.contrast\",\n  },\n  subtle: {\n    color: \"text.subtle\",\n  },\n  subtleOnContrast: {\n    color: \"text.subtle.contrast\",\n  },\n  success: {\n    color: \"text.success\",\n  },\n  warning: {\n    color: \"text.warning\",\n  },\n};\n\nexport const fontWeightStyles: Record<FontWeight, SystemStyleObject> = {\n  normal: { fontWeight: \"normal\" },\n  semibold: { fontWeight: \"semibold\" },\n  bold: { fontWeight: \"bold\" },\n};\n"],"names":["typographyVariantStyles","fontWeightStyles"],"mappings":"aAIO,MAAMA,EAGT,CACF,OAAQ,CACN,MAAO,aACT,EACA,aAAc,CACZ,MAAO,oBACT,EACA,MAAO,CACL,MAAO,YACT,EACA,gBAAiB,CACf,MAAO,qBACT,EACA,OAAQ,CACN,MAAO,aACT,EACA,iBAAkB,CAChB,MAAO,sBACT,EACA,QAAS,CACP,MAAO,cACT,EACA,KAAM,CACJ,MAAO,WACT,EACA,YAAa,CACX,MAAO,mBACP,OAAQ,CACN,MAAO,wBAAA,CAEX,EACA,sBAAuB,CACrB,MAAO,4BACP,OAAQ,CACN,MAAO,iCAAA,CAEX,EACA,WAAY,CACV,MAAO,eACT,EACA,YAAa,CACX,MAAO,kBACT,EACA,sBAAuB,CACrB,MAAO,2BACT,EACA,OAAQ,CACN,MAAO,aACT,EACA,iBAAkB,CAChB,MAAO,sBACT,EACA,QAAS,CACP,MAAO,cACT,EACA,QAAS,CACP,MAAO,cAAA,CAEX,EAEaC,EAA0D,CACrE,OAAQ,CAAE,WAAY,QAAS,EAC/B,SAAU,CAAE,WAAY,UAAW,EACnC,KAAM,CAAE,WAAY,MAAO,CAC7B"}

package/dist/chunks/withFormControl-BHjeRAfg.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),Z=require("./withTruncation-DguVvIAI.js"),h=require("./typography.records-BeoK0Uyj.js"),G=require("./icon.component-C0e0UGBw.js"),k=require("./flex-D14H6HbP.js"),o=require("react"),w=require("./factory-D6tdBUPG.js"),J=require("./create-slot-recipe-context-IwVIgtBt.js"),K=require("./create-recipe-context-sESms8Eo.js"),P=require("./use-field-context-xBX4EpFz.js"),F=require("./portal-TWtD47zg.js"),l=require("./index-BlGAWSIX.js");function Q(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const t=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,t.get?t:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const U=Q(o),H=o.forwardRef((e,r)=>{const s=P.useFieldContext(),t=l.mergeProps(s.getErrorTextProps(),e);return s?.invalid?n.jsxRuntimeExports.jsx(F.ark.span,{...t,ref:r}):null});H.displayName="FieldErrorText";const L=o.forwardRef((e,r)=>{const s=P.useFieldContext(),t=l.mergeProps(s?.getHelperTextProps(),e);return n.jsxRuntimeExports.jsx(F.ark.span,{...t,ref:r})});L.displayName="FieldHelperText";const O=o.forwardRef((e,r)=>{const s=P.useFieldContext(),t=l.mergeProps(s?.getLabelProps(),e);return n.jsxRuntimeExports.jsx(F.ark.label,{...t,ref:r})});O.displayName="FieldLabel";const V=typeof window<"u"?o.useLayoutEffect:o.useEffect,[pe,X]=F.createContext({name:"FieldsetContext",hookName:"useFieldsetContext",providerName:"<FieldsetProvider />",strict:!1}),Y=(e={})=>{const r=X(),{ids:s,disabled:t=!!r?.disabled,invalid:a=!1,readOnly:i=!1,required:d=!1}=e,[x,p]=o.useState(!1),[y,b]=o.useState(!1),c=e.id??o.useId(),C=o.useRef(null),m=s?.control??`field::${c}`,f=s?.errorText??`field::${c}::error-text`,u=s?.helperText??`field::${c}::helper-text`,E=s?.label??`field::${c}::label`;V(()=>{const j=C.current;if(!j)return;const _=l.getWindow(j),A=_.document,S=()=>{p(!!A.getElementById(f)),b(!!A.getElementById(u))};S();const M=new _.MutationObserver(S);return M.observe(j,{childList:!0,subtree:!0}),()=>M.disconnect()},[f,u]);const R=o.useMemo(()=>{const j=[];return x&&a&&j.push(f),y&&j.push(u),j.join(" ")||void 0},[a,f,u,x,y]),N=o.useMemo(()=>()=>({...h.parts.root.attrs,id:m,ref:C,role:"group","data-disabled":l.dataAttr(t),"data-invalid":l.dataAttr(a),"data-readonly":l.dataAttr(i)}),[t,a,i,m]),v=o.useMemo(()=>()=>({...h.parts.label.attrs,id:E,"data-disabled":l.dataAttr(t),"data-invalid":l.dataAttr(a),"data-readonly":l.dataAttr(i),htmlFor:c}),[t,a,i,c,E]),g=o.useMemo(()=>()=>({"aria-describedby":R,"aria-invalid":l.ariaAttr(a),"data-invalid":l.dataAttr(a),"data-required":l.dataAttr(d),"data-readonly":l.dataAttr(i),id:c,required:d,disabled:t,readOnly:i}),[R,a,d,i,c,t]),T=o.useMemo(()=>()=>({...g(),...h.parts.input.attrs}),[g]),I=o.useMemo(()=>()=>({...g(),...h.parts.textarea.attrs}),[g]),z=o.useMemo(()=>()=>({...g(),...h.parts.select.attrs}),[g]),B=o.useMemo(()=>()=>({id:u,...h.parts.helperText.attrs,"data-disabled":l.dataAttr(t)}),[t,u]),D=o.useMemo(()=>()=>({id:f,...h.parts.errorText.attrs,"aria-live":"polite"}),[f]),W=o.useMemo(()=>()=>({"aria-hidden":!0,...h.parts.requiredIndicator.attrs}),[]);return{ariaDescribedby:R,ids:{root:m,control:c,label:E,errorText:f,helperText:u},refs:{rootRef:C},disabled:t,invalid:a,readOnly:i,required:d,getLabelProps:v,getRootProps:N,getInputProps:T,getTextareaProps:I,getSelectProps:z,getHelperTextProps:B,getErrorTextProps:D,getRequiredIndicatorProps:W}},$=o.forwardRef((e,r)=>{const[s,t]=F.createSplitProps()(e,["id","ids","disabled","invalid","readOnly","required"]),a=Y(s),i=l.mergeProps(a.getRootProps(),t);return n.jsxRuntimeExports.jsx(P.FieldProvider,{value:a,children:n.jsxRuntimeExports.jsx(F.ark.div,{...i,ref:F.composeRefs(r,a.refs.rootRef)})})});$.displayName="FieldRoot";const{useRecipeResult:ee}=K.createRecipeContext({key:"icon"}),te=U.forwardRef(function(r,s){const{styles:t,className:a,props:i}=ee({asChild:!r.as,...r});return n.jsxRuntimeExports.jsx(w.chakra.svg,{ref:s,focusable:!1,"aria-hidden":"true",...i,css:[t,r.css],className:w.cx(a,r.className)})});function re(e){const{viewBox:r="0 0 24 24",d:s,displayName:t,defaultProps:a={}}=e,i=o.Children.toArray(e.path),d=o.forwardRef((x,p)=>n.jsxRuntimeExports.jsx(te,{ref:p,asChild:!1,viewBox:r,...a,...x,children:i.length?i:n.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:s})}));return d.displayName=t,d}const{withProvider:se,withContext:q,useStyles:oe,useClassNames:ae}=J.createSlotRecipeContext({key:"field"}),ne=se($,"root",{forwardAsChild:!0}),ie=q(O,"label",{forwardAsChild:!0}),le=q(L,"helperText",{forwardAsChild:!0}),de=q(H,"errorText",{forwardAsChild:!0});re({d:"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"});const ce=o.forwardRef(function(r,s){const{fallback:t,children:a="*",...i}=r,d=P.useFieldContext(),x=ae(),p=oe();return d?.required?n.jsxRuntimeExports.jsx(w.chakra.span,{ref:s,"aria-hidden":"true",...i,className:w.cx(x.requiredIndicator,r.className),css:[p.requiredIndicator,r.css],children:a}):t}),ue={sm:10,md:12,lg:14},xe=e=>{const r=({disabled:s=!1,errorText:t="Field is invalid",formControlStyle:a,fullWidth:i=!0,helperText:d,inlineField:x=!1,invalid:p=!1,invalidIconColor:y="danger",label:b,labelPosition:c="start",labelStyle:C,onContrast:m=!1,readOnly:f=!1,required:u=!1,showOptionalElement:E=!1,size:R="md",useInvalidIcon:N=!1,useInvalidText:v=!0,...g})=>{const T=n.jsxRuntimeExports.jsxs(ie,{className:"FormControl__Label",color:m?"text.contrast":"text",fontSize:h.fontSizes[R],...C,onClick:I=>{I.stopPropagation()},children:[b,n.jsxRuntimeExports.jsx(ce,{className:"FormControl__RequiredIndicator",color:m?"text.danger.contrast":"text.danger",...!u&&{fallback:E?n.jsxRuntimeExports.jsxs(Z.WrappedText,{variant:m?"subtleOnContrast":"subtle",fontSize:ue[R],children:[" ","(Optional)"]}):n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{})}})]});return n.jsxRuntimeExports.jsxs(ne,{className:"FormControl group",disabled:s,invalid:p,readOnly:f,required:u,width:i?"100%":"auto",...a,children:[n.jsxRuntimeExports.jsxs(k.Flex,{className:"FormControl__Container",flexDirection:x?"row":"column",w:x?"max-content":"100%",gap:2,children:[b&&c==="start"&&T,n.jsxRuntimeExports.jsxs(k.Flex,{className:"FormControl__Content",alignItems:"center",gap:2,w:x?"max-content":"100%",children:[n.jsxRuntimeExports.jsx(e,{disabled:s,invalid:p,onContrast:m,readOnly:f,required:u,size:R,...g}),N&&p&&n.jsxRuntimeExports.jsx(G.Icon,{className:"FormControl__InvalidIcon",name:"warningSign",variant:y,size:R})]}),b&&c==="end"&&T]}),v&&p&&n.jsxRuntimeExports.jsx(de,{className:"FormControl__ErrorText",fontSize:"xs",color:m?"text.danger.contrast":"text.danger",children:t}),d&&n.jsxRuntimeExports.jsx(le,{className:"FormControl__HelperText",fontSize:"xs",color:m?"text.subtle.contrast":"text.subtle",children:d})]})};return r.displayName=`withFormControl(${e.displayName||e.name}`,r};exports.withFormControl=xe;
-//# sourceMappingURL=withFormControl-BHjeRAfg.js.map

package/dist/chunks/withTruncation-CQUQzrTa.js

@@ -1,561 +0,0 @@
-import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as g, useId as Y, memo as y, useState as z, useRef as N, useCallback as q, useEffect as J } from "react";
-import { B as K } from "./box-Ck9I7FYv.js";
-import { c as Q } from "./create-recipe-context-D7FewUR4.js";
-import { c as X, f as O, u as k, h as Z, g as x, d as ee, b as te, i as oe, j as re, k as ne, n as se, s as L, l as I, m as H, P as ie } from "./portal-D2KZrSzZ.js";
-import { c as ae } from "./create-slot-recipe-context-BJmsuxih.js";
-import { a1 as u, c as ce, z as le, t as de, b as pe } from "./index-C323eOJV.js";
-const { withContext: ue } = Q({
-  key: "text"
-}), ge = ue("p"), [D, C] = X({
-  name: "HoverCardContext",
-  hookName: "useHoverCardContext",
-  providerName: "<HoverCardProvider />"
-}), _ = g((e, t) => {
-  const o = C(), r = u(o.getArrowProps(), e);
-  return /* @__PURE__ */ s.jsx(O.div, { ...r, ref: t });
-});
-_.displayName = "HoverCardArrow";
-const j = g((e, t) => {
-  const o = C(), r = u(o.getArrowTipProps(), e);
-  return /* @__PURE__ */ s.jsx(O.div, { ...r, ref: t });
-});
-j.displayName = "HoverCardArrowTip";
-const A = g((e, t) => {
-  const o = C(), r = k(), n = u(o.getContentProps(), r.getPresenceProps(), e);
-  return r.unmounted ? null : /* @__PURE__ */ s.jsx(O.div, { ...n, ref: Z(r.ref, t) });
-});
-A.displayName = "HoverCardContent";
-const Ce = (e) => e.children(C()), S = g((e, t) => {
-  const o = C(), r = u(o.getPositionerProps(), e);
-  return k().unmounted ? null : /* @__PURE__ */ s.jsx(O.div, { ...r, ref: t });
-});
-S.displayName = "HoverCardPositioner";
-var Pe = pe("hoverCard").parts("arrow", "arrowTip", "trigger", "positioner", "content"), v = Pe.build(), $ = (e) => e.ids?.trigger ?? `hover-card:${e.id}:trigger`, G = (e) => e.ids?.content ?? `hover-card:${e.id}:content`, F = (e) => e.ids?.positioner ?? `hover-card:${e.id}:popper`, ve = (e) => e.ids?.arrow ?? `hover-card:${e.id}:arrow`, w = (e) => e.getById($(e)), Oe = (e) => e.getById(G(e)), R = (e) => e.getById(F(e));
-function me(e, t) {
-  const { state: o, send: r, prop: n, context: a, scope: c } = e, l = o.hasTag("open"), d = ee({
-    ...n("positioning"),
-    placement: a.get("currentPlacement")
-  });
-  return {
-    open: l,
-    setOpen(i) {
-      o.hasTag("open") !== i && r({ type: i ? "OPEN" : "CLOSE" });
-    },
-    reposition(i = {}) {
-      r({ type: "POSITIONING.SET", options: i });
-    },
-    getArrowProps() {
-      return t.element({
-        id: ve(c),
-        ...v.arrow.attrs,
-        dir: n("dir"),
-        style: d.arrow
-      });
-    },
-    getArrowTipProps() {
-      return t.element({
-        ...v.arrowTip.attrs,
-        dir: n("dir"),
-        style: d.arrowTip
-      });
-    },
-    getTriggerProps() {
-      return t.element({
-        ...v.trigger.attrs,
-        dir: n("dir"),
-        "data-placement": a.get("currentPlacement"),
-        id: $(c),
-        "data-state": l ? "open" : "closed",
-        onPointerEnter(i) {
-          i.pointerType !== "touch" && r({ type: "POINTER_ENTER", src: "trigger" });
-        },
-        onPointerLeave(i) {
-          i.pointerType !== "touch" && r({ type: "POINTER_LEAVE", src: "trigger" });
-        },
-        onFocus() {
-          r({ type: "TRIGGER_FOCUS" });
-        },
-        onBlur() {
-          r({ type: "TRIGGER_BLUR" });
-        }
-      });
-    },
-    getPositionerProps() {
-      return t.element({
-        id: F(c),
-        ...v.positioner.attrs,
-        dir: n("dir"),
-        style: d.floating
-      });
-    },
-    getContentProps() {
-      return t.element({
-        ...v.content.attrs,
-        dir: n("dir"),
-        id: G(c),
-        hidden: !l,
-        tabIndex: -1,
-        "data-state": l ? "open" : "closed",
-        "data-placement": a.get("currentPlacement"),
-        onPointerEnter(i) {
-          i.pointerType !== "touch" && r({ type: "POINTER_ENTER", src: "content" });
-        },
-        onPointerLeave(i) {
-          i.pointerType !== "touch" && r({ type: "POINTER_LEAVE", src: "content" });
-        }
-      });
-    }
-  };
-}
-var { not: E, and: b } = le(), Te = ce({
-  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(o) {
-          e("onOpenChange")?.({ open: o });
-        }
-      })),
-      currentPlacement: t(() => ({
-        defaultValue: void 0
-      })),
-      isPointer: t(() => ({
-        defaultValue: !1
-      }))
-    };
-  },
-  watch({ track: e, context: t, action: o }) {
-    e([() => t.get("open")], () => {
-      o(["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",
-            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
-            actions: ["invokeOnClose", "toggleVisibility"]
-          },
-          {
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        TRIGGER_BLUR: [
-          {
-            guard: b("isOpenControlled", E("isPointer")),
-            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
-            actions: ["invokeOnClose", "toggleVisibility"]
-          },
-          {
-            guard: E("isPointer"),
-            target: "closed",
-            actions: ["invokeOnClose"]
-          }
-        ],
-        CLOSE: [
-          {
-            guard: "isOpenControlled",
-            // We trigger toggleVisibility manually since the `ctx.open` has not changed yet (at this point)
-            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: b("isOpenControlled", E("isPointer")),
-            actions: ["invokeOnClose"]
-          },
-          {
-            guard: E("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",
-          // no need to invokeOnOpen here because it's still open (but about to close)
-          actions: ["setIsPointer"]
-        }
-      }
-    }
-  },
-  implementations: {
-    guards: {
-      isPointer: ({ context: e }) => !!e.get("isPointer"),
-      isOpenControlled: ({ prop: e }) => e("open") != null
-    },
-    effects: {
-      waitForOpenDelay({ send: e, prop: t }) {
-        const o = setTimeout(() => {
-          e({ type: "OPEN_DELAY" });
-        }, t("openDelay"));
-        return () => clearTimeout(o);
-      },
-      waitForCloseDelay({ send: e, prop: t }) {
-        const o = setTimeout(() => {
-          e({ type: "CLOSE_DELAY" });
-        }, t("closeDelay"));
-        return () => clearTimeout(o);
-      },
-      trackPositioning({ context: e, prop: t, scope: o }) {
-        e.get("currentPlacement") || e.set("currentPlacement", t("positioning").placement);
-        const r = () => R(o);
-        return x(w(o), r, {
-          ...t("positioning"),
-          defer: !0,
-          onComplete(n) {
-            e.set("currentPlacement", n.placement);
-          }
-        });
-      },
-      trackDismissableElement({ send: e, scope: t, prop: o }) {
-        return de(() => Oe(t), {
-          defer: !0,
-          exclude: [w(t)],
-          onDismiss() {
-            e({ type: "CLOSE", src: "interact-outside" });
-          },
-          onInteractOutside: o("onInteractOutside"),
-          onPointerDownOutside: o("onPointerDownOutside"),
-          onFocusOutside(n) {
-            n.preventDefault(), o("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: o, event: r }) {
-        const n = () => R(o);
-        x(w(o), n, {
-          ...t("positioning"),
-          ...r.options,
-          defer: !0,
-          listeners: !1,
-          onComplete(a) {
-            e.set("currentPlacement", a.placement);
-          }
-        });
-      },
-      toggleVisibility({ prop: e, event: t, send: o }) {
-        queueMicrotask(() => {
-          o({ type: e("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: t });
-        });
-      }
-    }
-  }
-});
-te()([
-  "closeDelay",
-  "dir",
-  "getRootNode",
-  "id",
-  "ids",
-  "onOpenChange",
-  "defaultOpen",
-  "open",
-  "openDelay",
-  "positioning",
-  "onInteractOutside",
-  "onPointerDownOutside",
-  "onFocusOutside"
-]);
-const Ee = (e) => {
-  const t = Y(), { getRootNode: o } = oe(), { dir: r } = re(), n = {
-    id: t,
-    dir: r,
-    getRootNode: o,
-    ...e
-  }, a = ne(Te, n);
-  return me(a, se);
-}, fe = (e) => {
-  const [t, { children: o, ...r }] = L(e), n = Ee(r), a = I(u({ present: n.open }, t));
-  return /* @__PURE__ */ s.jsx(D, { value: n, children: /* @__PURE__ */ s.jsx(H, { value: a, children: o }) });
-}, he = (e) => {
-  const [t, { value: o, children: r }] = L(e), n = I(u({ present: o.open }, t));
-  return /* @__PURE__ */ s.jsx(D, { value: o, children: /* @__PURE__ */ s.jsx(H, { value: n, children: r }) });
-}, V = g((e, t) => {
-  const o = C(), r = u(o.getTriggerProps(), e);
-  return /* @__PURE__ */ s.jsx(O.button, { ...r, ref: t });
-});
-V.displayName = "HoverCardTrigger";
-const {
-  withRootProvider: B,
-  withContext: m,
-  PropsProvider: we
-} = ae({ key: "hoverCard" }), $e = B(he), ye = B(
-  fe
-), Ge = we, Ne = m(V, "trigger", { forwardAsChild: !0 }), xe = m(S, "positioner", { forwardAsChild: !0 }), Re = m(A, "content", { forwardAsChild: !0 }), U = m(j, "arrowTip", { forwardAsChild: !0 }), be = m(
-  _,
-  "arrow",
-  {
-    forwardAsChild: !0,
-    defaultProps: { children: /* @__PURE__ */ s.jsx(U, {}) }
-  }
-), Fe = Ce, M = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx(ge, { className: "Text", "data-testid": "kibble-text", ...t, children: e });
-M.displayName = "Text";
-const ke = Le(M), W = g(
-  (e, t) => {
-    const {
-      children: o,
-      disabled: r = !1,
-      openDelay: n = 350,
-      placement: a = "top",
-      positioning: c,
-      portalled: l = !0,
-      label: d,
-      ...i
-    } = e;
-    return r ? o : /* @__PURE__ */ s.jsxs(
-      ye,
-      {
-        openDelay: n,
-        positioning: {
-          ...c,
-          placement: c?.placement || a
-        },
-        ...i,
-        children: [
-          /* @__PURE__ */ s.jsx(
-            Ne,
-            {
-              asChild: !0,
-              className: "Tooltip__Trigger",
-              "data-testid": "kibble-tooltip-trigger",
-              display: "inline-block",
-              children: o
-            }
-          ),
-          /* @__PURE__ */ s.jsx(ie, { disabled: !l, children: /* @__PURE__ */ s.jsx(
-            xe,
-            {
-              className: "Tooltip",
-              "data-testid": "kibble-tooltip",
-              children: /* @__PURE__ */ s.jsxs(
-                Re,
-                {
-                  className: "Tooltip__Content",
-                  "data-testid": "kibble-tooltip-content",
-                  ref: t,
-                  p: 2,
-                  w: "auto",
-                  border: "none",
-                  boxShadow: "none",
-                  children: [
-                    /* @__PURE__ */ s.jsx(
-                      be,
-                      {
-                        className: "Tooltip__Arrow",
-                        "data-testid": "kibble-tooltip-arrow",
-                        css: { "--arrow-size": "10px" },
-                        children: /* @__PURE__ */ s.jsx(U, { border: "none" })
-                      }
-                    ),
-                    /* @__PURE__ */ s.jsx(ke, { variant: "onContrast", size: "sm", truncate: !1, children: d })
-                  ]
-                }
-              )
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-W.displayName = "Tooltip";
-const Le = (e) => {
-  const t = y(e);
-  function o({
-    truncated: r = !1,
-    noOfLines: n = 1,
-    children: a,
-    tooltipProps: c,
-    ...l
-  }) {
-    const [d, i] = z(!1), p = N(null), T = N(null), f = q(() => {
-      if (p.current) {
-        const P = p.current?.children[0].scrollHeight || 0, h = p.current?.offsetHeight || 0;
-        i(P > h);
-      }
-    }, []);
-    return J(() => {
-      if (r && p.current) {
-        let P;
-        const h = () => {
-          window.clearTimeout(P), P = window.setTimeout(f, 100);
-        };
-        return T.current = new ResizeObserver(() => {
-          h();
-        }), T.current.observe(p.current), f(), () => {
-          window.clearTimeout(P), T.current && T.current.disconnect();
-        };
-      }
-    }, [r, f]), r ? /* @__PURE__ */ s.jsx(
-      W,
-      {
-        ...c,
-        label: c?.label || a?.toLocaleString() || "",
-        disabled: !d,
-        "data-testid": "kibble-truncated-text-tooltip",
-        children: /* @__PURE__ */ s.jsx(
-          K,
-          {
-            ref: p,
-            display: "inline-block",
-            position: "relative",
-            className: "TruncatedText__Wrapper",
-            "data-testid": "kibble-truncated-text-wrapper",
-            children: /* @__PURE__ */ s.jsx(
-              t,
-              {
-                className: "TruncatedText__TextContent",
-                "data-testid": "kibble-truncated-text-content",
-                lineClamp: n,
-                ...l,
-                children: a
-              }
-            )
-          }
-        )
-      }
-    ) : /* @__PURE__ */ s.jsx(t, { ...l, children: a });
-  }
-  return o.displayName = `withTruncation(${e.displayName || e.name}`, y(o);
-};
-export {
-  be as H,
-  W as T,
-  ke as W,
-  U as a,
-  Re as b,
-  Fe as c,
-  xe as d,
-  Ge as e,
-  ye as f,
-  $e as g,
-  Ne as h,
-  Pe as i,
-  C as u,
-  Le as w
-};
-//# sourceMappingURL=withTruncation-CQUQzrTa.js.map