@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

package/dist/chunks/swatch.types-jaI0KFHU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"swatch.types-jaI0KFHU.js","sources":["../../src/components/Swatch/swatch.recipe.ts","../../src/components/Swatch/swatch.component.tsx","../../src/components/Swatch/swatch.types.ts"],"sourcesContent":["import { defineRecipe, SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { SwatchSize } from './swatch.types';\n\nconst swatchSizeStyles: Record<SwatchSize, SystemStyleObject> = {\n  xs: {\n    borderRadius: 'xs',\n    height: '12px',\n    width: '12px',\n  },\n  sm: {\n    borderRadius: '3px',\n    height: '16px',\n    width: '16px',\n  },\n  md: {\n    borderRadius: '4px',\n    height: '20px',\n    width: '20px',\n  },\n  lg: {\n    borderRadius: '5px',\n    height: '24px',\n    width: '24px',\n  },\n  xl: {\n    borderRadius: 'sm',\n    height: '32px',\n    width: '32px',\n  },\n};\n\nexport const swatchRecipe = defineRecipe({\n  base: {\n    display: 'inline-block',\n    border: '1px',\n  },\n  variants: {\n    size: swatchSizeStyles,\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n","import React from 'react';\nimport { Box, BoxProps } from '@chakra-ui/react/box';\nimport { SwatchSize } from './swatch.types';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { swatchRecipe } from './swatch.recipe';\n\nexport interface BaseSwatchProps {\n  size?: SwatchSize;\n}\n\nexport type SwatchProps = BaseSwatchProps & Omit<BoxProps, 'children'>;\n\nexport const Swatch = ({\n  size = 'md',\n  color,\n  backgroundColor,\n  bgColor,\n  borderColor,\n  ...rest\n}: SwatchProps): React.JSX.Element => {\n  const recipe = useRecipe({ recipe: swatchRecipe });\n  const styles = recipe({ size });\n  const _swatchColor = bgColor || backgroundColor || color || 'transparent';\n\n  return (\n    <Box\n      className=\"Swatch\"\n      data-testid=\"kibble-swatch\"\n      css={styles}\n      bg={_swatchColor}\n      borderColor={borderColor || _swatchColor}\n      {...rest}\n    />\n  );\n};\n","export const swatchSizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\nexport type SwatchSize = (typeof swatchSizes)[number];\n"],"names":["swatchSizeStyles","swatchRecipe","defineRecipe","Swatch","size","color","backgroundColor","bgColor","borderColor","rest","styles","useRecipe","_swatchColor","jsx","Box","swatchSizes"],"mappings":"mKAGMA,EAA0D,CAC9D,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,MACd,OAAQ,OACR,MAAO,MACT,EACA,GAAI,CACF,aAAc,KACd,OAAQ,OACR,MAAO,MAAA,CAEX,EAEaC,EAAeC,EAAAA,aAAa,CACvC,KAAM,CACJ,QAAS,eACT,OAAQ,KACV,EACA,SAAU,CACR,KAAMF,CACR,EACA,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC,EC9BYG,EAAS,CAAC,CACrB,KAAAC,EAAO,KACP,MAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAsC,CAEpC,MAAMC,EADSC,EAAA,UAAU,CAAE,OAAQV,EAAc,EAC3B,CAAE,KAAAG,EAAM,EACxBQ,EAAeL,GAAWD,GAAmBD,GAAS,cAG1D,OAAAQ,EAAA,kBAAA,IAACC,EAAA,IAAA,CACC,UAAU,SACV,cAAY,gBACZ,IAAKJ,EACL,GAAIE,EACJ,YAAaJ,GAAeI,EAC3B,GAAGH,CAAA,CACN,CAEJ,EClCaM,EAAc,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI"}

package/dist/chunks/switch.component-C88jBbo_.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),c=require("react"),q=require("./withFormControl-BdiccBy5.js"),m=require("./attr-BMs6szZx.js"),N=require("./create-slot-recipe-context-CViypfwB.js"),f=require("./factory-a2SJjEvR.js"),i=require("./use-locale-context-Dv7DQ_mn.js"),S=require("./use-field-context-BTxME29X.js"),l=require("./index-7Jpijbq_.js"),w=require("./index-D0HCo_Ly.js"),I=t=>t&&t.__esModule?t:{default:t},_=I(c),[R,u]=i.createContext({name:"SwitchContext",hookName:"useSwitchContext",providerName:"<SwitchProvider />"}),C=c.forwardRef((t,r)=>{const e=u(),s=l.mergeProps(e.getControlProps(),t);return n.jsxRuntimeExports.jsx(i.ark.span,{...s,ref:r})});C.displayName="SwitchControl";const b=c.forwardRef((t,r)=>{const e=u(),s=l.mergeProps(e.getHiddenInputProps(),t),o=S.useFieldContext();return n.jsxRuntimeExports.jsx(i.ark.input,{"aria-describedby":o?.ariaDescribedby,...s,ref:r})});b.displayName="SwitchHiddenInput";const j=c.forwardRef((t,r)=>{const e=u(),s=l.mergeProps(e.getLabelProps(),t);return n.jsxRuntimeExports.jsx(i.ark.span,{...s,ref:r})});j.displayName="SwitchLabel";const A=t=>{const r=c.useId(),{getRootNode:e}=i.useEnvironmentContext(),{dir:s}=i.useLocaleContext(),o=S.useFieldContext(),a={id:r,ids:{label:o?.ids.label,hiddenInput:o?.ids.control},dir:s,disabled:o?.disabled,readOnly:o?.readOnly,invalid:o?.invalid,required:o?.required,getRootNode:e,...t},d=i.useMachine(w.machine,a);return w.connect(d,i.normalizeProps)},P=c.forwardRef((t,r)=>{const[e,s]=i.createSplitProps()(t,["checked","defaultChecked","disabled","form","id","ids","invalid","label","name","onCheckedChange","readOnly","required","value"]),o=A(e),a=l.mergeProps(o.getRootProps(),s);return n.jsxRuntimeExports.jsx(R,{value:o,children:n.jsxRuntimeExports.jsx(i.ark.label,{...a,ref:r})})});P.displayName="SwitchRoot";const k=c.forwardRef((t,r)=>{const[{value:e},s]=i.createSplitProps()(t,["value"]),o=l.mergeProps(e.getRootProps(),s);return n.jsxRuntimeExports.jsx(R,{value:e,children:n.jsxRuntimeExports.jsx(i.ark.label,{...o,ref:r})})});k.displayName="SwitchRootProvider";const g=c.forwardRef((t,r)=>{const e=u(),s=l.mergeProps(e.getThumbProps(),t);return n.jsxRuntimeExports.jsx(i.ark.span,{...s,ref:r})});g.displayName="SwitchThumb";const{withProvider:v,withContext:x,useStyles:L}=N.createSlotRecipeContext({key:"switch"});v(k,"root",{forwardAsChild:!0});const $=v(P,"root",{forwardAsChild:!0}),F=x(j,"label",{forwardAsChild:!0}),T=x(g,"thumb",{forwardAsChild:!0}),H=x(C,"control",{forwardAsChild:!0,defaultProps:{children:n.jsxRuntimeExports.jsx(T,{})}});c.forwardRef(function(r,e){const s=u(),o=L(),{fallback:a,children:d,unstyled:h,...p}=r;return n.jsxRuntimeExports.jsx(f.chakra.span,{ref:e,"data-checked":m.dataAttr(s.checked),...p,css:[h?void 0:o.indicator,r.css],children:s.checked?d:a})});c.forwardRef(function(r,e){const s=u(),{fallback:o,children:a,...d}=r;return n.jsxRuntimeExports.jsx(f.chakra.span,{ref:e,"data-checked":m.dataAttr(s.checked),...d,children:s.checked?a:o})});const O=b,y=_.default.forwardRef(({children:t,indeterminate:r=!1,onContrast:e,label:s,rootRef:o,size:a="md",switchRef:d,...h},p)=>{const E=c.useMemo(()=>r?e?"indeterminateOnContrast":"indeterminate":e?"onContrast":"default",[r,e]);return n.jsxRuntimeExports.jsxs($,{className:"Switch","data-testid":"kibble-switch",ref:o,size:a,variant:E,...h,children:[n.jsxRuntimeExports.jsx(O,{className:"Switch_Input","data-testid":"kibble-switch-input",ref:d||p}),n.jsxRuntimeExports.jsx(H,{className:"Switch_Control","data-testid":"kibble-switch-control"}),!!t&&n.jsxRuntimeExports.jsx(F,{children:t})]})});y.displayName="Switch";const M=q.withFormControl(y);exports.WrappedSwitch=M;
-//# sourceMappingURL=switch.component-C88jBbo_.js.map

package/dist/chunks/switch.component-Cke7O8gk.js

@@ -1,154 +0,0 @@
-import { j as c } from "./jsx-runtime-C5mzlN2N.js";
-import I, { forwardRef as n, useId as A, useMemo as L } from "react";
-import { w as T } from "./withFormControl-CRXVopOk.js";
-import { d as w } from "./attr-sm10PXOd.js";
-import { c as _ } from "./create-slot-recipe-context-CrlT_nGQ.js";
-import { c as S } from "./factory-BQshv7_b.js";
-import { c as $, f as d, i as H, j as O, k as q, n as E, a as f } from "./use-locale-context-CazVZ4Kg.js";
-import { u as b } from "./use-field-context-RQeEcNpb.js";
-import { a2 as l } from "./index-DA90Dqf9.js";
-import { m as F, c as M } from "./index-BhSvtzbY.js";
-const [x, h] = $({
-  name: "SwitchContext",
-  hookName: "useSwitchContext",
-  providerName: "<SwitchProvider />"
-}), C = n((r, e) => {
-  const t = h(), o = l(t.getControlProps(), r);
-  return /* @__PURE__ */ c.jsx(d.span, { ...o, ref: e });
-});
-C.displayName = "SwitchControl";
-const P = n((r, e) => {
-  const t = h(), o = l(t.getHiddenInputProps(), r), s = b();
-  return /* @__PURE__ */ c.jsx(d.input, { "aria-describedby": s?.ariaDescribedby, ...o, ref: e });
-});
-P.displayName = "SwitchHiddenInput";
-const k = n((r, e) => {
-  const t = h(), o = l(t.getLabelProps(), r);
-  return /* @__PURE__ */ c.jsx(d.span, { ...o, ref: e });
-});
-k.displayName = "SwitchLabel";
-const W = (r) => {
-  const e = A(), { getRootNode: t } = H(), { dir: o } = O(), s = b(), i = {
-    id: e,
-    ids: {
-      label: s?.ids.label,
-      hiddenInput: s?.ids.control
-    },
-    dir: o,
-    disabled: s?.disabled,
-    readOnly: s?.readOnly,
-    invalid: s?.invalid,
-    required: s?.required,
-    getRootNode: t,
-    ...r
-  }, a = q(F, i);
-  return M(a, E);
-}, j = n((r, e) => {
-  const [t, o] = f()(r, [
-    "checked",
-    "defaultChecked",
-    "disabled",
-    "form",
-    "id",
-    "ids",
-    "invalid",
-    "label",
-    "name",
-    "onCheckedChange",
-    "readOnly",
-    "required",
-    "value"
-  ]), s = W(t), i = l(s.getRootProps(), o);
-  return /* @__PURE__ */ c.jsx(x, { value: s, children: /* @__PURE__ */ c.jsx(d.label, { ...i, ref: e }) });
-});
-j.displayName = "SwitchRoot";
-const v = n((r, e) => {
-  const [{ value: t }, o] = f()(r, ["value"]), s = l(t.getRootProps(), o);
-  return /* @__PURE__ */ c.jsx(x, { value: t, children: /* @__PURE__ */ c.jsx(d.label, { ...s, ref: e }) });
-});
-v.displayName = "SwitchRootProvider";
-const y = n((r, e) => {
-  const t = h(), o = l(t.getThumbProps(), r);
-  return /* @__PURE__ */ c.jsx(d.span, { ...o, ref: e });
-});
-y.displayName = "SwitchThumb";
-const {
-  withProvider: g,
-  withContext: p,
-  useStyles: z
-} = _({ key: "switch" });
-g(v, "root", { forwardAsChild: !0 });
-const D = g(
-  j,
-  "root",
-  { forwardAsChild: !0 }
-), V = p(
-  k,
-  "label",
-  { forwardAsChild: !0 }
-), B = p(
-  y,
-  "thumb",
-  { forwardAsChild: !0 }
-), G = p(
-  C,
-  "control",
-  {
-    forwardAsChild: !0,
-    defaultProps: { children: /* @__PURE__ */ c.jsx(B, {}) }
-  }
-);
-n(function(e, t) {
-  const o = h(), s = z(), { fallback: i, children: a, unstyled: u, ...m } = e;
-  return /* @__PURE__ */ c.jsx(
-    S.span,
-    {
-      ref: t,
-      "data-checked": w(o.checked),
-      ...m,
-      css: [u ? void 0 : s.indicator, e.css],
-      children: o.checked ? a : i
-    }
-  );
-});
-n(function(e, t) {
-  const o = h(), { fallback: s, children: i, ...a } = e;
-  return /* @__PURE__ */ c.jsx(S.span, { ref: t, "data-checked": w(o.checked), ...a, children: o.checked ? i : s });
-});
-const J = P, N = I.forwardRef(
-  ({
-    children: r,
-    indeterminate: e = !1,
-    onContrast: t,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    label: o,
-    rootRef: s,
-    size: i = "md",
-    switchRef: a,
-    ...u
-  }, m) => {
-    const R = L(() => e ? t ? "indeterminateOnContrast" : "indeterminate" : t ? "onContrast" : "default", [e, t]);
-    return /* @__PURE__ */ c.jsxs(
-      D,
-      {
-        className: "Switch",
-        "data-testid": "kibble-switch",
-        ref: s,
-        size: i,
-        variant: R,
-        ...u,
-        children: [
-          /* @__PURE__ */ c.jsx(J, { className: "Switch_Input", "data-testid": "kibble-switch-input", ref: a || m }),
-          /* @__PURE__ */ c.jsx(G, { className: "Switch_Control", "data-testid": "kibble-switch-control" }),
-          !!r && /* @__PURE__ */ c.jsx(V, { children: r })
-        ]
-      }
-    );
-  }
-);
-N.displayName = "Switch";
-const rt = T(N);
-export {
-  rt as W
-};
-//# sourceMappingURL=switch.component-Cke7O8gk.js.map

package/dist/chunks/tab.types-DpmXyw5C.js

@@ -1,2 +0,0 @@
-"use strict";const u=require("./jsx-runtime-BjDatQAs.js"),w=require("./icon.component-Bhnf2n1O.js"),M=require("./notificationCounter.component-gp2ULnY_.js"),H=require("./heading.component-C_cdAGTd.js"),X=require("./create-slot-recipe-context-CViypfwB.js"),p=require("react"),l=require("./use-locale-context-Dv7DQ_mn.js"),y=require("./render-strategy-CfHUEDVm.js"),n=require("./index-7Jpijbq_.js");function K(e,t){const[s,a]=p.useState(e);return p.useEffect(()=>{const o=setTimeout(()=>{a(e)},t);return()=>{clearTimeout(o)}},[e,t]),s}const[S,V]=l.createContext({name:"TabsContext",hookName:"useTabsContext",providerName:"<TabsProvider />"}),N=p.forwardRef((e,t)=>{const[s,a]=l.createSplitProps()(e,["value"]),o=V(),r=y.useRenderStrategyPropsContext(),i=l.usePresence({...r,present:K(o.value===e.value,0),immediate:!0}),g=n.mergeProps(o.getContentProps(s),i.getPresenceProps(),a);return u.jsxRuntimeExports.jsx(l.PresenceProvider,{value:i,children:i.unmounted?null:u.jsxRuntimeExports.jsx(l.ark.div,{...g,ref:l.composeRefs(i.ref,t)})})});N.displayName="TabContent";const L=p.forwardRef((e,t)=>{const s=V(),a=n.mergeProps(s.getIndicatorProps(),e);return u.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:t})});L.displayName="TabIndicator";const O=p.forwardRef((e,t)=>{const s=V(),a=n.mergeProps(s.getListProps(),e);return u.jsxRuntimeExports.jsx(l.ark.div,{...a,ref:t})});O.displayName="TabList";const k=p.forwardRef((e,t)=>{const[s,a]=l.createSplitProps()(e,["disabled","value"]),o=V(),r=n.mergeProps(o.getTriggerProps(s),a);return u.jsxRuntimeExports.jsx(l.ark.button,{...r,ref:t})});k.displayName="TabTrigger";var z=n.createAnatomy("tabs").parts("root","list","trigger","content","indicator"),R=z.build(),Y=e=>e.ids?.root??`tabs:${e.id}`,x=e=>e.ids?.list??`tabs:${e.id}:list`,A=(e,t)=>e.ids?.content??`tabs:${e.id}:content-${t}`,v=(e,t)=>e.ids?.trigger??`tabs:${e.id}:trigger-${t}`,B=e=>e.ids?.indicator??`tabs:${e.id}:indicator`,G=e=>e.getById(x(e)),J=(e,t)=>e.getById(A(e,t)),I=(e,t)=>e.getById(v(e,t)),F=e=>e.getById(B(e)),P=e=>{const s=`[role=tab][data-ownedby='${CSS.escape(x(e))}']:not([disabled])`;return n.queryAll(G(e),s)},Q=e=>n.first(P(e)),Z=e=>n.last(P(e)),ee=(e,t)=>n.nextById(P(e),v(e,t.value),t.loopFocus),te=(e,t)=>n.prevById(P(e),v(e,t.value),t.loopFocus),$=e=>({left:e?.offsetLeft??0,top:e?.offsetTop??0,width:e?.offsetWidth??0,height:e?.offsetHeight??0}),ae=(e,t)=>{const s=n.itemById(P(e),v(e,t));return D($(s))},D=e=>({width:`${e.width}px`,height:`${e.height}px`,left:`${e.left}px`,top:`${e.top}px`});function se(e,t){const{state:s,send:a,context:o,prop:r,scope:i}=e,g=r("translations"),T=s.matches("focused"),h=r("orientation")==="vertical",C=r("orientation")==="horizontal",j=r("composite");function _(c){return{selected:o.get("value")===c.value,focused:o.get("focusedValue")===c.value,disabled:!!c.disabled}}return{value:o.get("value"),focusedValue:o.get("focusedValue"),setValue(c){a({type:"SET_VALUE",value:c})},clearValue(){a({type:"CLEAR_VALUE"})},setIndicatorRect(c){const d=v(i,c);a({type:"SET_INDICATOR_RECT",id:d})},syncTabIndex(){a({type:"SYNC_TAB_INDEX"})},selectNext(c){a({type:"TAB_FOCUS",value:c,src:"selectNext"}),a({type:"ARROW_NEXT",src:"selectNext"})},selectPrev(c){a({type:"TAB_FOCUS",value:c,src:"selectPrev"}),a({type:"ARROW_PREV",src:"selectPrev"})},focus(){const c=o.get("value");c&&I(i,c)?.focus()},getRootProps(){return t.element({...R.root.attrs,id:Y(i),"data-orientation":r("orientation"),"data-focus":n.dataAttr(T),dir:r("dir")})},getListProps(){return t.element({...R.list.attrs,id:x(i),role:"tablist",dir:r("dir"),"data-focus":n.dataAttr(T),"aria-orientation":r("orientation"),"data-orientation":r("orientation"),"aria-label":g?.listLabel,onKeyDown(c){if(c.defaultPrevented||!n.isSelfTarget(c)||n.isComposingEvent(c))return;const d={ArrowDown(){C||a({type:"ARROW_NEXT",key:"ArrowDown"})},ArrowUp(){C||a({type:"ARROW_PREV",key:"ArrowUp"})},ArrowLeft(){h||a({type:"ARROW_PREV",key:"ArrowLeft"})},ArrowRight(){h||a({type:"ARROW_NEXT",key:"ArrowRight"})},Home(){a({type:"HOME"})},End(){a({type:"END"})}};let f=n.getEventKey(c,{dir:r("dir"),orientation:r("orientation")});const b=d[f];if(b){c.preventDefault(),b(c);return}}})},getTriggerState:_,getTriggerProps(c){const{value:d,disabled:f}=c,b=_(c);return t.button({...R.trigger.attrs,role:"tab",type:"button",disabled:f,dir:r("dir"),"data-orientation":r("orientation"),"data-disabled":n.dataAttr(f),"aria-disabled":f,"data-value":d,"aria-selected":b.selected,"data-selected":n.dataAttr(b.selected),"data-focus":n.dataAttr(b.focused),"aria-controls":b.selected?A(i,d):void 0,"data-ownedby":x(i),"data-ssr":n.dataAttr(o.get("ssr")),id:v(i,d),tabIndex:b.selected&&j?0:-1,onFocus(){a({type:"TAB_FOCUS",value:d})},onBlur(m){m.relatedTarget?.getAttribute("role")!=="tab"&&a({type:"TAB_BLUR"})},onClick(m){m.defaultPrevented||n.isOpeningInNewTab(m)||f||(n.isSafari()&&m.currentTarget.focus(),a({type:"TAB_CLICK",value:d}))}})},getContentProps(c){const{value:d}=c,f=o.get("value")===d;return t.element({...R.content.attrs,dir:r("dir"),id:A(i,d),tabIndex:j?0:-1,"aria-labelledby":v(i,d),role:"tabpanel","data-ownedby":x(i),"data-selected":n.dataAttr(f),"data-orientation":r("orientation"),hidden:!f})},getIndicatorProps(){const c=o.get("indicatorRect"),d=o.get("indicatorTransition");return t.element({id:B(i),...R.indicator.attrs,dir:r("dir"),"data-orientation":r("orientation"),style:{"--transition-property":"left, right, top, bottom, width, height","--left":c.left,"--top":c.top,"--width":c.width,"--height":c.height,position:"absolute",willChange:"var(--transition-property)",transitionProperty:"var(--transition-property)",transitionDuration:d?"var(--transition-duration, 150ms)":"0ms",transitionTimingFunction:"var(--transition-timing-function)",[C?"left":"top"]:C?"var(--left)":"var(--top)"}})}}}var{createMachine:re}=n.setup(),oe=re({props({props:e}){return{dir:"ltr",orientation:"horizontal",activationMode:"automatic",loopFocus:!0,composite:!0,navigate(t){n.clickIfLink(t.node)},defaultValue:null,...e}},initialState(){return"idle"},context({prop:e,bindable:t}){return{value:t(()=>({defaultValue:e("defaultValue"),value:e("value"),onChange(s){e("onValueChange")?.({value:s})}})),focusedValue:t(()=>({defaultValue:e("value")||e("defaultValue"),sync:!0,onChange(s){e("onFocusChange")?.({focusedValue:s})}})),ssr:t(()=>({defaultValue:!0})),indicatorTransition:t(()=>({defaultValue:!1})),indicatorRect:t(()=>({defaultValue:{left:"0px",top:"0px",width:"0px",height:"0px"}}))}},watch({context:e,prop:t,track:s,action:a}){s([()=>e.get("value")],()=>{a(["allowIndicatorTransition","syncIndicatorRect","syncTabIndex","navigateIfNeeded"])}),s([()=>t("dir"),()=>t("orientation")],()=>{a(["syncIndicatorRect"])})},on:{SET_VALUE:{actions:["setValue"]},CLEAR_VALUE:{actions:["clearValue"]},SET_INDICATOR_RECT:{actions:["setIndicatorRect"]},SYNC_TAB_INDEX:{actions:["syncTabIndex"]}},entry:["syncIndicatorRect","syncTabIndex","syncSsr"],exit:["cleanupObserver"],states:{idle:{on:{TAB_FOCUS:{target:"focused",actions:["setFocusedValue"]},TAB_CLICK:{target:"focused",actions:["setFocusedValue","setValue"]}}},focused:{on:{TAB_CLICK:{actions:["setFocusedValue","setValue"]},ARROW_PREV:[{guard:"selectOnFocus",actions:["focusPrevTab","selectFocusedTab"]},{actions:["focusPrevTab"]}],ARROW_NEXT:[{guard:"selectOnFocus",actions:["focusNextTab","selectFocusedTab"]},{actions:["focusNextTab"]}],HOME:[{guard:"selectOnFocus",actions:["focusFirstTab","selectFocusedTab"]},{actions:["focusFirstTab"]}],END:[{guard:"selectOnFocus",actions:["focusLastTab","selectFocusedTab"]},{actions:["focusLastTab"]}],TAB_FOCUS:{actions:["setFocusedValue"]},TAB_BLUR:{target:"idle",actions:["clearFocusedValue"]}}}},implementations:{guards:{selectOnFocus:({prop:e})=>e("activationMode")==="automatic"},actions:{selectFocusedTab({context:e,prop:t}){n.raf(()=>{const s=e.get("focusedValue");if(!s)return;const o=t("deselectable")&&e.get("value")===s?null:s;e.set("value",o)})},setFocusedValue({context:e,event:t,flush:s}){t.value!=null&&s(()=>{e.set("focusedValue",t.value)})},clearFocusedValue({context:e}){e.set("focusedValue",null)},setValue({context:e,event:t,prop:s}){const a=s("deselectable")&&e.get("value")===e.get("focusedValue");e.set("value",a?null:t.value)},clearValue({context:e}){e.set("value",null)},focusFirstTab({scope:e}){n.raf(()=>{Q(e)?.focus()})},focusLastTab({scope:e}){n.raf(()=>{Z(e)?.focus()})},focusNextTab({context:e,prop:t,scope:s,event:a}){const o=a.value??e.get("focusedValue");if(!o)return;const r=ee(s,{value:o,loopFocus:t("loopFocus")});n.raf(()=>{t("composite")?r?.focus():r?.dataset.value!=null&&e.set("focusedValue",r.dataset.value)})},focusPrevTab({context:e,prop:t,scope:s,event:a}){const o=a.value??e.get("focusedValue");if(!o)return;const r=te(s,{value:o,loopFocus:t("loopFocus")});n.raf(()=>{t("composite")?r?.focus():r?.dataset.value!=null&&e.set("focusedValue",r.dataset.value)})},syncTabIndex({context:e,scope:t}){n.raf(()=>{const s=e.get("value");if(!s)return;const a=J(t,s);if(!a)return;n.getFocusables(a).length>0?a.removeAttribute("tabindex"):a.setAttribute("tabindex","0")})},cleanupObserver({refs:e}){const t=e.get("indicatorCleanup");t&&t()},allowIndicatorTransition({context:e}){e.set("indicatorTransition",!0)},setIndicatorRect({context:e,event:t,scope:s}){const a=t.id??e.get("value");if(!F(s))return;if(!a){e.set("indicatorTransition",!1);return}I(s,a)&&(e.set("indicatorRect",ae(s,a)),n.nextTick(()=>{e.set("indicatorTransition",!1)}))},syncSsr({context:e}){e.set("ssr",!1)},syncIndicatorRect({context:e,refs:t,scope:s}){const a=t.get("indicatorCleanup");a&&a();const o=e.get("value");if(!o){e.set("indicatorTransition",!1);return}const r=I(s,o),i=F(s);if(!r||!i)return;const g=n.trackElementRect([r],{measure(T){return $(T)},onEntry({rects:T}){const[h]=T;e.set("indicatorRect",D(h))}});t.set("indicatorCleanup",g)},navigateIfNeeded({context:e,prop:t,scope:s}){const a=e.get("value");if(!a)return;const o=I(s,a);n.isAnchorElement(o)&&t("navigate")?.({value:a,node:o,href:o.href})}}}});l.createProps()(["activationMode","composite","deselectable","dir","getRootNode","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value","defaultValue"]);l.createProps()(["disabled","value"]);l.createProps()(["value"]);const ne=e=>{const t=p.useId(),{getRootNode:s}=l.useEnvironmentContext(),{dir:a}=l.useLocaleContext(),o={id:t,dir:a,getRootNode:s,...e},r=l.useMachine(oe,o);return se(r,l.normalizeProps)},U=p.forwardRef((e,t)=>{const[s,a]=y.splitRenderStrategyProps(e),[o,r]=l.createSplitProps()(a,["activationMode","composite","defaultValue","deselectable","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value"]),i=ne(o),g=n.mergeProps(i.getRootProps(),r);return u.jsxRuntimeExports.jsx(S,{value:i,children:u.jsxRuntimeExports.jsx(y.RenderStrategyPropsProvider,{value:s,children:u.jsxRuntimeExports.jsx(l.ark.div,{...g,ref:t})})})});U.displayName="TabsRoot";const q=p.forwardRef((e,t)=>{const[s,a]=y.splitRenderStrategyProps(e),[{value:o},r]=l.createSplitProps()(a,["value"]),i=n.mergeProps(o.getRootProps(),r);return u.jsxRuntimeExports.jsx(S,{value:o,children:u.jsxRuntimeExports.jsx(y.RenderStrategyPropsProvider,{value:s,children:u.jsxRuntimeExports.jsx(l.ark.div,{...i,ref:t})})})});q.displayName="TabsRootProvider";const{withProvider:W,withContext:E}=X.createSlotRecipeContext({key:"tabs"});W(q,"root",{forwardAsChild:!0});const ie=W(U,"root",{forwardAsChild:!0}),ce=E(k,"trigger",{forwardAsChild:!0}),le=E(N,"content",{forwardAsChild:!0});E("div","contentGroup");const ue=E(O,"list",{forwardAsChild:!0});E(L,"indicator",{forwardAsChild:!0});const de={xs:"sm",sm:"md",md:"md",lg:"lg"},ge={xs:"xs",sm:"xs",md:"sm",lg:"md"},fe=({iconName:e,iconPosition:t="left",label:s,notificationCounterProps:a,showNotificationCounter:o,size:r="md",...i})=>u.jsxRuntimeExports.jsxs(ce,{className:"Tab","data-testid":"kibble-tab",...i,children:[!!e&&t==="left"&&u.jsxRuntimeExports.jsx(w.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:r,variant:"default"}),u.jsxRuntimeExports.jsx(H.WrappedHeading,{className:"Tab__Label","data-testid":"kibble-tab-label",size:ge[r],children:s}),!!e&&t==="right"&&u.jsxRuntimeExports.jsx(w.Icon,{className:"Tab__Icon","data-testid":"kibble-tab-icon",name:e,size:r}),o&&u.jsxRuntimeExports.jsx(M.NotificationCounter,{className:"Tab__NotificationCounter","data-testid":"kibble-tab-notification-counter",...a,size:de[r]})]}),pe=({align:e="start",onChange:t,size:s="md",tabs:a,tabsContents:o,...r})=>u.jsxRuntimeExports.jsxs(ie,{className:"Tabs","data-testid":"kibble-tabs",justify:e||r.justify,size:s,onValueChange:({value:i})=>t?.(i),...r,children:[u.jsxRuntimeExports.jsx(ue,{className:"Tabs__List","data-testid":"kibble-tabs-list",children:a.map((i,g)=>u.jsxRuntimeExports.jsx(fe,{...i,size:s},`tab-${g}`))}),!!o&&o.map((i,g)=>u.jsxRuntimeExports.jsx(le,{...i},`tabContent-${g}`))]}),be=["xs","sm","md","lg"],ve=["left","right"];exports.Tabs=pe;exports.tabIconPositions=ve;exports.tabSizes=be;
-//# sourceMappingURL=tab.types-DpmXyw5C.js.map

package/dist/chunks/tag.component-79aRVI7u.js

@@ -1,82 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { forwardRef as b } from "react";
-import { c as p } from "./create-slot-recipe-context-CrlT_nGQ.js";
-import { C as T } from "./icons-DQ5FafZQ.js";
-const {
-  withProvider: x,
-  withContext: t
-} = p({ key: "tag" }), f = x(
-  "div",
-  "root"
-), j = t(
-  "span",
-  "label"
-), C = t("button", "closeTrigger", { defaultProps: { children: /* @__PURE__ */ e.jsx(T, {}) } });
-t("span", "startElement");
-t(
-  "span",
-  "endElement"
-);
-const i = {
-  sm: 0,
-  md: 0.5,
-  lg: 1
-}, h = b(
-  ({
-    leftElement: s,
-    rightElement: o,
-    onClose: g,
-    label: d,
-    closeButtonDisplay: a = "never",
-    size: r = "md",
-    variant: n = "default",
-    ...c
-  }, m) => {
-    const l = !!g && a !== "never";
-    return /* @__PURE__ */ e.jsxs(
-      f,
-      {
-        className: "Tag group",
-        "data-testid": "kibble-tag",
-        ref: m,
-        variant: n,
-        size: r,
-        closeButtonDisplay: a,
-        ...l && a === "always" && {
-          pr: i[r]
-        },
-        ...c,
-        children: [
-          s,
-          /* @__PURE__ */ e.jsx(
-            j,
-            {
-              className: "Tag__Label",
-              "data-testid": "kibble-tag-label",
-              ...!!s && { ml: 1 },
-              ...!!o && { mr: 1 },
-              children: d
-            }
-          ),
-          o,
-          l && /* @__PURE__ */ e.jsx(
-            C,
-            {
-              className: "Tag__CloseTrigger",
-              "data-testid": "kibble-tag-close-trigger",
-              onClick: g,
-              ...a === "hover" && {
-                px: i[r]
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-h.displayName = "Tag";
-export {
-  h as T
-};
-//# sourceMappingURL=tag.component-79aRVI7u.js.map

package/dist/chunks/tag.component-79aRVI7u.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.component-79aRVI7u.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/tag/tag.js","../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { CloseIcon } from '../icons.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useTagStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"tag\" });\nconst TagRoot = withProvider(\n  \"div\",\n  \"root\"\n);\nconst TagRootPropsProvider = PropsProvider;\nconst TagLabel = withContext(\n  \"span\",\n  \"label\"\n);\nconst TagCloseTrigger = withContext(\"button\", \"closeTrigger\", { defaultProps: { children: /* @__PURE__ */ jsx(CloseIcon, {}) } });\nconst TagStartElement = withContext(\"span\", \"startElement\");\nconst TagEndElement = withContext(\n  \"span\",\n  \"endElement\"\n);\n\nexport { TagCloseTrigger, TagEndElement, TagLabel, TagRoot, TagRootPropsProvider, TagStartElement, useTagStyles };\n","import { TagSize } from './tag.types';\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from 'react';\nimport { Tag as CTag } from '@chakra-ui/react/tag';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { Status } from 'shared/types/status';\nimport { tagPaddingBySize } from './tag.records';\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, 'children'> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: 'always' | 'hover';\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: 'never';\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = 'never',\n      size = 'md',\n      variant = 'default',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const closable = !!onClose && closeButtonDisplay !== 'never';\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === 'always' && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === 'hover' && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = 'Tag';\n"],"names":["withProvider","withContext","createSlotRecipeContext","TagRoot","TagLabel","TagCloseTrigger","jsx","CloseIcon","tagPaddingBySize","Tag","forwardRef","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","ref","closable","jsxs","CTag.Root","CTag.Label","CTag.CloseTrigger"],"mappings":";;;;AAMA,MAAM;AAAA,EACJ,cAAAA;AAAA,EACA,aAAAC;AAGF,IAAIC,EAAwB,EAAE,KAAK,MAAK,CAAE,GACpCC,IAAUH;AAAA,EACd;AAAA,EACA;AACF,GAEMI,IAAWH;AAAA,EACf;AAAA,EACA;AACF,GACMI,IAAkBJ,EAAY,UAAU,gBAAgB,EAAE,cAAc,EAAE,UAA0BK,gBAAAA,MAAIC,GAAW,CAAE,CAAA,EAAG,EAAA,CAAE;AACxGN,EAAY,QAAQ,cAAc;AACpCA;AAAA,EACpB;AAAA,EACA;AACF;ACxBO,MAAMO,IAA4C;AAAA,EACvD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GCsBaC,IAAMC;AAAA,EACjB,CACE;AAAA,IACE,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,KAELC,MACsB;AACtB,UAAMC,IAAW,CAAC,CAACP,KAAWE,MAAuB;AAGnD,WAAAM,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,KAAAH;AAAA,QACA,SAAAF;AAAA,QACA,MAAAD;AAAA,QACA,oBAAAD;AAAA,QACC,GAAIK,KACHL,MAAuB,YAAY;AAAA,UACjC,IAAIP,EAAiBQ,CAAI;AAAA,QAC3B;AAAA,QACD,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAP;AAAA,UACDL,gBAAAA,EAAA;AAAA,YAACiB;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACX,GAAI,CAAC,CAACZ,KAAe,EAAE,IAAI,EAAE;AAAA,cAC7B,GAAI,CAAC,CAACC,KAAgB,EAAE,IAAI,EAAE;AAAA,cAE9B,UAAAE;AAAA,YAAA;AAAA,UACH;AAAA,UACCF;AAAA,UACAQ,KACCd,gBAAAA,EAAA;AAAA,YAACkB;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAASX;AAAA,cACR,GAAIE,MAAuB,WAAW;AAAA,gBACrC,IAAIP,EAAiBQ,CAAI;AAAA,cAAA;AAAA,YAC3B;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEAP,EAAI,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/tag.component-CAWh9OYa.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("./jsx-runtime-BjDatQAs.js"),b=require("react"),u=require("./create-slot-recipe-context-CViypfwB.js"),T=require("./icons-B6Nwr9di.js"),{withProvider:p,withContext:a}=u.createSlotRecipeContext({key:"tag"}),R=p("div","root"),j=a("span","label"),C=a("button","closeTrigger",{defaultProps:{children:t.jsxRuntimeExports.jsx(T.CloseIcon,{})}});a("span","startElement");a("span","endElement");const c={sm:0,md:.5,lg:1},g=b.forwardRef(({leftElement:r,rightElement:o,onClose:n,label:l,closeButtonDisplay:e="never",size:s="md",variant:d="default",...x},m)=>{const i=!!n&&e!=="never";return t.jsxRuntimeExports.jsxs(R,{className:"Tag group","data-testid":"kibble-tag",ref:m,variant:d,size:s,closeButtonDisplay:e,...i&&e==="always"&&{pr:c[s]},...x,children:[r,t.jsxRuntimeExports.jsx(j,{className:"Tag__Label","data-testid":"kibble-tag-label",...!!r&&{ml:1},...!!o&&{mr:1},children:l}),o,i&&t.jsxRuntimeExports.jsx(C,{className:"Tag__CloseTrigger","data-testid":"kibble-tag-close-trigger",onClick:n,...e==="hover"&&{px:c[s]}})]})});g.displayName="Tag";exports.Tag=g;
-//# sourceMappingURL=tag.component-CAWh9OYa.js.map

package/dist/chunks/tag.component-CAWh9OYa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag.component-CAWh9OYa.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/tag/tag.js","../../src/components/Tag/tag.records.ts","../../src/components/Tag/tag.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { CloseIcon } from '../icons.js';\n\nconst {\n  withProvider,\n  withContext,\n  useStyles: useTagStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"tag\" });\nconst TagRoot = withProvider(\n  \"div\",\n  \"root\"\n);\nconst TagRootPropsProvider = PropsProvider;\nconst TagLabel = withContext(\n  \"span\",\n  \"label\"\n);\nconst TagCloseTrigger = withContext(\"button\", \"closeTrigger\", { defaultProps: { children: /* @__PURE__ */ jsx(CloseIcon, {}) } });\nconst TagStartElement = withContext(\"span\", \"startElement\");\nconst TagEndElement = withContext(\n  \"span\",\n  \"endElement\"\n);\n\nexport { TagCloseTrigger, TagEndElement, TagLabel, TagRoot, TagRootPropsProvider, TagStartElement, useTagStyles };\n","import { TagSize } from './tag.types';\n\nexport const tagPaddingBySize: Record<TagSize, number> = {\n  sm: 0,\n  md: 0.5,\n  lg: 1,\n};\n","import React, { forwardRef } from 'react';\nimport { Tag as CTag } from '@chakra-ui/react/tag';\nimport { CloseButtonDisplay, TagSize } from './tag.types';\nimport { Status } from 'shared/types/status';\nimport { tagPaddingBySize } from './tag.records';\n\nexport interface BaseTagProps extends Omit<CTag.RootProps, 'children'> {\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n  label: string;\n  closeButtonDisplay?: CloseButtonDisplay;\n  size?: TagSize;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  variant?: Status;\n}\n\ninterface ClosableTagProps extends BaseTagProps {\n  closeButtonDisplay: 'always' | 'hover';\n  onClose: React.MouseEventHandler<HTMLButtonElement>;\n}\n\ninterface NonClosableTagProps extends BaseTagProps {\n  closeButtonDisplay?: 'never';\n  onClose?: never;\n}\n\nexport type TagProps = ClosableTagProps | NonClosableTagProps;\n\nexport const Tag = forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      leftElement,\n      rightElement,\n      onClose,\n      label,\n      closeButtonDisplay = 'never',\n      size = 'md',\n      variant = 'default',\n      ...rest\n    },\n    ref,\n  ): React.JSX.Element => {\n    const closable = !!onClose && closeButtonDisplay !== 'never';\n\n    return (\n      <CTag.Root\n        className=\"Tag group\"\n        data-testid=\"kibble-tag\"\n        ref={ref}\n        variant={variant}\n        size={size}\n        closeButtonDisplay={closeButtonDisplay}\n        {...(closable &&\n          closeButtonDisplay === 'always' && {\n            pr: tagPaddingBySize[size],\n          })}\n        {...rest}\n      >\n        {leftElement}\n        <CTag.Label\n          className=\"Tag__Label\"\n          data-testid=\"kibble-tag-label\"\n          {...(!!leftElement && { ml: 1 })}\n          {...(!!rightElement && { mr: 1 })}\n        >\n          {label}\n        </CTag.Label>\n        {rightElement}\n        {closable && (\n          <CTag.CloseTrigger\n            className=\"Tag__CloseTrigger\"\n            data-testid=\"kibble-tag-close-trigger\"\n            onClick={onClose}\n            {...(closeButtonDisplay === 'hover' && {\n              px: tagPaddingBySize[size],\n            })}\n          />\n        )}\n      </CTag.Root>\n    );\n  },\n);\n\nTag.displayName = 'Tag';\n"],"names":["withProvider","withContext","createSlotRecipeContext","TagRoot","TagLabel","TagCloseTrigger","jsx","CloseIcon","tagPaddingBySize","Tag","forwardRef","leftElement","rightElement","onClose","label","closeButtonDisplay","size","variant","rest","ref","closable","jsxs","CTag.Root","CTag.Label","CTag.CloseTrigger"],"mappings":"oKAMM,CACJ,aAAAA,EACA,YAAAC,CAGF,EAAIC,EAAuB,wBAAC,CAAE,IAAK,KAAK,CAAE,EACpCC,EAAUH,EACd,MACA,MACF,EAEMI,EAAWH,EACf,OACA,OACF,EACMI,EAAkBJ,EAAY,SAAU,eAAgB,CAAE,aAAc,CAAE,SAA0BK,wBAAIC,EAAAA,UAAW,CAAE,CAAA,CAAG,CAAA,CAAE,EACxGN,EAAY,OAAQ,cAAc,EACpCA,EACpB,OACA,YACF,ECxBO,MAAMO,EAA4C,CACvD,GAAI,EACJ,GAAI,GACJ,GAAI,CACN,ECsBaC,EAAMC,EAAA,WACjB,CACE,CACE,YAAAC,EACA,aAAAC,EACA,QAAAC,EACA,MAAAC,EACA,mBAAAC,EAAqB,QACrB,KAAAC,EAAO,KACP,QAAAC,EAAU,UACV,GAAGC,GAELC,IACsB,CACtB,MAAMC,EAAW,CAAC,CAACP,GAAWE,IAAuB,QAGnD,OAAAM,EAAA,kBAAA,KAACC,EAAA,CACC,UAAU,YACV,cAAY,aACZ,IAAAH,EACA,QAAAF,EACA,KAAAD,EACA,mBAAAD,EACC,GAAIK,GACHL,IAAuB,UAAY,CACjC,GAAIP,EAAiBQ,CAAI,CAC3B,EACD,GAAGE,EAEH,SAAA,CAAAP,EACDL,EAAA,kBAAA,IAACiB,EAAA,CACC,UAAU,aACV,cAAY,mBACX,GAAI,CAAC,CAACZ,GAAe,CAAE,GAAI,CAAE,EAC7B,GAAI,CAAC,CAACC,GAAgB,CAAE,GAAI,CAAE,EAE9B,SAAAE,CAAA,CACH,EACCF,EACAQ,GACCd,EAAA,kBAAA,IAACkB,EAAA,CACC,UAAU,oBACV,cAAY,2BACZ,QAASX,EACR,GAAIE,IAAuB,SAAW,CACrC,GAAIP,EAAiBQ,CAAI,CAAA,CAC3B,CAAA,CACF,CAAA,CAEJ,CAAA,CAGN,EAEAP,EAAI,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/tagBlock.component-Dn7coOgp.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),x=require("react"),r=require("./index-BQRnVsAg.js"),k=require("./button.component-DAv5WxDc.js"),C=require("./heading.component-C_cdAGTd.js"),E=require("./menu.component-DylZiPAE.js"),T=require("./spinner.component-CVVOuFka.js"),N=require("./tag.component-CAWh9OYa.js"),f=require("./text.component-CHpMvCFa.js"),l=require("./flex-BOU6tYUd.js"),v=require("./h-stack-D4MnHHRc.js"),q=n=>n&&n.__esModule?n:{default:n},w=q(x);var i=(n=>(n.Inactive="Inactive",n.Deleted="Deleted",n))(i||{});const y={size:"sm",variant:"secondarySubtle",iconName:"plus",text:"Add",hideCaret:!0},D=({title:n,menuProps:d,tags:a,canBeDeleted:h=!1,onClearAll:_,onRemoveTag:c,onDelete:B,hasError:b=!1,errorText:R="This field contains an error",displayTagsInGroups:u,loading:p=!1})=>{const m=x.useCallback(s=>{c&&c(s,a)},[c,a]),j=w.default.useMemo(()=>{if(!u)return[];const s={};for(const t of a){const o=t.groupLabel||"-";s[o]||(s[o]=[]),s[o].push(t)}return Object.entries(s).map(([t,o])=>({groupLabel:t,tags:o}))},[a,u]),g=x.useCallback(s=>s.map(t=>{const o=t.label.includes(i.Inactive)||t.label.includes(i.Deleted);return e.jsxRuntimeExports.jsx(N.Tag,{className:"TagBlock__Tag","data-testid":"kibble-tag-block-tag",mr:1,mb:1,label:t.label,onClose:()=>m(t.value),closeButtonDisplay:"always",fontWeight:"normal",color:o?"text.placeholder":"text",size:"md"},t.value)}),[m]);return e.jsxRuntimeExports.jsxs(r.Box,{className:"TagBlock","data-testid":"kibble-tag-block",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:b?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border",overflow:p?"hidden":void 0,children:[e.jsxRuntimeExports.jsxs(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":"kibble-tag-block-button-container",justifyContent:"space-between",children:[e.jsxRuntimeExports.jsxs(v.HStack,{gap:1,minH:10,children:[n&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold",children:n}),e.jsxRuntimeExports.jsx(E.Menu,{"data-testid":"kibble-tag-block-menu",...d,buttonProps:d?.buttonProps||y}),e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--ClearAll","data-testid":"kibble-tag-block-clear-all-button",size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:_,disabled:a.length<=0,children:"Clear All"})]}),h&&e.jsxRuntimeExports.jsx(r.Box,{children:e.jsxRuntimeExports.jsx(k.Button,{className:"TagBlock__Button--Delete","data-testid":"kibble-tag-block-delete-button",iconName:"trashcan",variant:"ghostNeutral",onClick:B,justifySelf:"flex-end"})})]}),!!a.length&&e.jsxRuntimeExports.jsx(l.Flex,{className:"TagBlock__TagContainer","data-testid":"kibble-tag-block-tag-container",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:u&&j.length?e.jsxRuntimeExports.jsx(l.Flex,{direction:"column",children:j.map(({groupLabel:s,tags:t})=>e.jsxRuntimeExports.jsxs(r.Box,{mb:2,children:[e.jsxRuntimeExports.jsx(r.Box,{className:"TagBlock__GroupTitle","data-testid":"kibble-tag-block-group-title",children:e.jsxRuntimeExports.jsx(C.WrappedHeading,{size:"xs",pb:2,children:s})}),e.jsxRuntimeExports.jsx(l.Flex,{alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start",children:g(t)})]},s))}):g(a)}),p&&e.jsxRuntimeExports.jsx(T.Spinner,{fullScreen:!0}),b&&e.jsxRuntimeExports.jsx(f.WrappedText,{className:"TagBlock__Error","data-testid":"kibble-tag-block-error",mt:2,size:"xs",variant:"danger",children:R})]})};exports.TagBlock=D;exports.TagDisabledState=i;
-//# sourceMappingURL=tagBlock.component-Dn7coOgp.js.map

package/dist/chunks/tagBlock.component-Dn7coOgp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagBlock.component-Dn7coOgp.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.components';\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid=\"kibble-tag-block-group-title\">\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid=\"kibble-tag-block-error\" mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}

package/dist/chunks/tagBlock.component-vLA90b5S.js

@@ -1,169 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import T, { useCallback as g } from "react";
-import { B as s } from "./index-9BerxEcw.js";
-import { B as k } from "./button.component-BE20YKDd.js";
-import { W as N } from "./heading.component-SiJnYLOw.js";
-import { M as v } from "./menu.component-xhHsHlGT.js";
-import { S as w } from "./spinner.component-DPYj17HK.js";
-import { T as W } from "./tag.component-79aRVI7u.js";
-import { W as h } from "./text.component-D9w-u_dB.js";
-import { F as n } from "./flex-CX-8gE9T.js";
-import { H as y } from "./h-stack-8q5nAOg0.js";
-var d = /* @__PURE__ */ ((o) => (o.Inactive = "Inactive", o.Deleted = "Deleted", o))(d || {});
-const S = {
-  size: "sm",
-  variant: "secondarySubtle",
-  iconName: "plus",
-  text: "Add",
-  hideCaret: !0
-}, q = ({
-  title: o,
-  menuProps: b,
-  tags: l,
-  canBeDeleted: j = !1,
-  onClearAll: B,
-  onRemoveTag: i,
-  onDelete: _,
-  hasError: m = !1,
-  errorText: C = "This field contains an error",
-  displayTagsInGroups: c,
-  loading: u = !1
-}) => {
-  const p = g(
-    (a) => {
-      i && i(a, l);
-    },
-    [i, l]
-  ), f = T.useMemo(() => {
-    if (!c)
-      return [];
-    const a = {};
-    for (const t of l) {
-      const r = t.groupLabel || "-";
-      a[r] || (a[r] = []), a[r].push(t);
-    }
-    return Object.entries(a).map(([t, r]) => ({
-      groupLabel: t,
-      tags: r
-    }));
-  }, [l, c]), x = g(
-    (a) => a.map((t) => {
-      const r = t.label.includes(d.Inactive) || t.label.includes(d.Deleted);
-      return /* @__PURE__ */ e.jsx(
-        W,
-        {
-          className: "TagBlock__Tag",
-          "data-testid": "kibble-tag-block-tag",
-          mr: 1,
-          mb: 1,
-          label: t.label,
-          onClose: () => p(t.value),
-          closeButtonDisplay: "always",
-          fontWeight: "normal",
-          color: r ? "text.placeholder" : "text",
-          size: "md"
-        },
-        t.value
-      );
-    }),
-    [p]
-  );
-  return /* @__PURE__ */ e.jsxs(
-    s,
-    {
-      className: "TagBlock",
-      "data-testid": "kibble-tag-block",
-      position: "relative",
-      mb: 3,
-      py: 2,
-      pl: 4,
-      pr: 2,
-      bg: "background.subtle",
-      borderRadius: "lg",
-      boxShadow: m ? "0 0 0 2px var(--chakra-colors-border-danger)" : "",
-      border: "1px",
-      borderColor: "border",
-      overflow: u ? "hidden" : void 0,
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          n,
-          {
-            className: "TagBlock__ButtonContainer",
-            "data-testid": "kibble-tag-block-button-container",
-            justifyContent: "space-between",
-            children: [
-              /* @__PURE__ */ e.jsxs(y, { gap: 1, minH: 10, children: [
-                o && /* @__PURE__ */ e.jsx(h, { className: "TagBlock__Title", mr: 2, fontWeight: "bold", children: o }),
-                /* @__PURE__ */ e.jsx(
-                  v,
-                  {
-                    "data-testid": "kibble-tag-block-menu",
-                    ...b,
-                    buttonProps: b?.buttonProps || S
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  k,
-                  {
-                    className: "TagBlock__Button--ClearAll",
-                    "data-testid": "kibble-tag-block-clear-all-button",
-                    size: "sm",
-                    iconName: "arrowCircle",
-                    variant: "ghostNeutral",
-                    onClick: B,
-                    disabled: l.length <= 0,
-                    children: "Clear All"
-                  }
-                )
-              ] }),
-              j && /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
-                k,
-                {
-                  className: "TagBlock__Button--Delete",
-                  "data-testid": "kibble-tag-block-delete-button",
-                  iconName: "trashcan",
-                  variant: "ghostNeutral",
-                  onClick: _,
-                  justifySelf: "flex-end"
-                }
-              ) })
-            ]
-          }
-        ),
-        !!l.length && /* @__PURE__ */ e.jsx(
-          n,
-          {
-            className: "TagBlock__TagContainer",
-            "data-testid": "kibble-tag-block-tag-container",
-            mt: 2,
-            pb: 1,
-            alignContent: "space-between",
-            flexWrap: "wrap",
-            justifyContent: "flex-start",
-            alignItems: "flex-start",
-            children: c && f.length ? /* @__PURE__ */ e.jsx(n, { direction: "column", children: f.map(({ groupLabel: a, tags: t }) => /* @__PURE__ */ e.jsxs(s, { mb: 2, children: [
-              /* @__PURE__ */ e.jsx(s, { className: "TagBlock__GroupTitle", "data-testid": "kibble-tag-block-group-title", children: /* @__PURE__ */ e.jsx(N, { size: "xs", pb: 2, children: a }) }),
-              /* @__PURE__ */ e.jsx(
-                n,
-                {
-                  alignContent: "space-between",
-                  flexWrap: "wrap",
-                  justifyContent: "flex-start",
-                  alignItems: "flex-start",
-                  children: x(t)
-                }
-              )
-            ] }, a)) }) : x(l)
-          }
-        ),
-        u && /* @__PURE__ */ e.jsx(w, { fullScreen: !0 }),
-        m && /* @__PURE__ */ e.jsx(h, { className: "TagBlock__Error", "data-testid": "kibble-tag-block-error", mt: 2, size: "xs", variant: "danger", children: C })
-      ]
-    }
-  );
-};
-export {
-  q as T,
-  d as a
-};
-//# sourceMappingURL=tagBlock.component-vLA90b5S.js.map

package/dist/chunks/tagBlock.component-vLA90b5S.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagBlock.component-vLA90b5S.js","sources":["../../src/components/TagBlock/tagBlock.types.ts","../../src/components/TagBlock/tagBlock.component.tsx"],"sourcesContent":["export enum TagDisabledState {\n  Inactive = 'Inactive',\n  Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n  label: string;\n  value: string;\n  groupLabel?: string;\n}\n","import React, { useCallback } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { Button } from 'components/Button/button.component';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Menu, MenuProps } from 'components/Menu/menu.component';\nimport { Spinner } from 'components/Spinner/spinner.component';\nimport { Tag } from 'components/Tag/tag.component';\nimport { Text } from 'components/Text/text.component';\nimport { TagBlockTag, TagDisabledState } from './tagBlock.types';\nimport { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.components';\n\ninterface BaseTagBlockProps {\n  displayTagsInGroups?: boolean;\n  errorText?: string;\n  hasError?: boolean;\n  loading?: boolean;\n  menuProps?: MenuProps;\n  onClearAll?: () => void;\n  onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n  tags: TagBlockTag[];\n  title?: string;\n}\n\ninterface DefaultTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted?: false;\n  onDelete?: never;\n}\n\ninterface DeletableTagBlockProps extends BaseTagBlockProps {\n  canBeDeleted: true;\n  onDelete: () => void;\n}\n\nexport type TagBlockProps = DefaultTagBlockProps | DeletableTagBlockProps;\n\nconst defaultMenuButtonProps: MenuButtonProps = {\n  size: 'sm',\n  variant: 'secondarySubtle',\n  iconName: 'plus',\n  text: 'Add',\n  hideCaret: true,\n};\n\nexport const TagBlock = ({\n  title,\n  menuProps,\n  tags,\n  canBeDeleted = false,\n  onClearAll,\n  onRemoveTag,\n  onDelete,\n  hasError = false,\n  errorText = 'This field contains an error',\n  displayTagsInGroups,\n  loading = false,\n}: TagBlockProps): React.JSX.Element => {\n  const handleRemoveTag = useCallback(\n    (value: string): void => {\n      if (onRemoveTag) {\n        onRemoveTag(value, tags);\n      }\n    },\n    [onRemoveTag, tags],\n  );\n\n  const tagsByGroup = React.useMemo(() => {\n    if (!displayTagsInGroups) {\n      return [];\n    }\n    const grouped = {} as Record<string, TagBlockTag[]>;\n    for (const tag of tags) {\n      const group = tag.groupLabel || '-';\n      if (!grouped[group]) {\n        grouped[group] = [];\n      }\n      grouped[group].push(tag);\n    }\n    return Object.entries(grouped).map(([groupLabel, tags]) => ({\n      groupLabel,\n      tags,\n    }));\n  }, [tags, displayTagsInGroups]);\n\n  const renderTags = useCallback(\n    (tags: TagBlockTag[]) => {\n      return tags.map((tag) => {\n        const isDisabled =\n          tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n        return (\n          <Tag\n            className=\"TagBlock__Tag\"\n            data-testid=\"kibble-tag-block-tag\"\n            mr={1}\n            mb={1}\n            key={tag.value}\n            label={tag.label}\n            onClose={(): void => handleRemoveTag(tag.value)}\n            closeButtonDisplay=\"always\"\n            fontWeight=\"normal\"\n            color={isDisabled ? 'text.placeholder' : 'text'}\n            size=\"md\"\n          />\n        );\n      });\n    },\n    [handleRemoveTag],\n  );\n\n  return (\n    <Box\n      className=\"TagBlock\"\n      data-testid=\"kibble-tag-block\"\n      position=\"relative\"\n      mb={3}\n      py={2}\n      pl={4}\n      pr={2}\n      bg=\"background.subtle\"\n      borderRadius=\"lg\"\n      boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n      border=\"1px\"\n      borderColor=\"border\"\n      overflow={loading ? 'hidden' : undefined}\n    >\n      <Flex\n        className=\"TagBlock__ButtonContainer\"\n        data-testid=\"kibble-tag-block-button-container\"\n        justifyContent=\"space-between\"\n      >\n        <HStack gap={1} minH={10}>\n          {title && (\n            <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n              {title}\n            </Text>\n          )}\n          <Menu\n            data-testid=\"kibble-tag-block-menu\"\n            {...menuProps}\n            buttonProps={menuProps?.buttonProps || defaultMenuButtonProps}\n          />\n          <Button\n            className=\"TagBlock__Button--ClearAll\"\n            data-testid=\"kibble-tag-block-clear-all-button\"\n            size=\"sm\"\n            iconName=\"arrowCircle\"\n            variant=\"ghostNeutral\"\n            onClick={onClearAll}\n            disabled={tags.length <= 0}\n          >\n            Clear All\n          </Button>\n        </HStack>\n        {canBeDeleted && (\n          <Box>\n            <Button\n              className=\"TagBlock__Button--Delete\"\n              data-testid=\"kibble-tag-block-delete-button\"\n              iconName=\"trashcan\"\n              variant=\"ghostNeutral\"\n              onClick={onDelete}\n              justifySelf=\"flex-end\"\n            />\n          </Box>\n        )}\n      </Flex>\n      {Boolean(tags.length) && (\n        <Flex\n          className=\"TagBlock__TagContainer\"\n          data-testid=\"kibble-tag-block-tag-container\"\n          mt={2}\n          pb={1}\n          alignContent=\"space-between\"\n          flexWrap=\"wrap\"\n          justifyContent=\"flex-start\"\n          alignItems=\"flex-start\"\n        >\n          {displayTagsInGroups && tagsByGroup.length ? (\n            <Flex direction=\"column\">\n              {tagsByGroup.map(({ groupLabel, tags }) => (\n                <Box key={groupLabel} mb={2}>\n                  <Box className=\"TagBlock__GroupTitle\" data-testid=\"kibble-tag-block-group-title\">\n                    <Heading size=\"xs\" pb={2}>\n                      {groupLabel}\n                    </Heading>\n                  </Box>\n                  <Flex\n                    alignContent=\"space-between\"\n                    flexWrap=\"wrap\"\n                    justifyContent=\"flex-start\"\n                    alignItems=\"flex-start\"\n                  >\n                    {renderTags(tags)}\n                  </Flex>\n                </Box>\n              ))}\n            </Flex>\n          ) : (\n            renderTags(tags)\n          )}\n        </Flex>\n      )}\n      {loading && <Spinner fullScreen />}\n      {hasError && (\n        <Text className=\"TagBlock__Error\" data-testid=\"kibble-tag-block-error\" mt={2} size=\"xs\" variant=\"danger\">\n          {errorText}\n        </Text>\n      )}\n    </Box>\n  );\n};\n"],"names":["TagDisabledState","defaultMenuButtonProps","TagBlock","title","menuProps","tags","canBeDeleted","onClearAll","onRemoveTag","onDelete","hasError","errorText","displayTagsInGroups","loading","handleRemoveTag","useCallback","value","tagsByGroup","React","grouped","tag","group","groupLabel","renderTags","isDisabled","jsx","Tag","jsxs","Box","Flex","HStack","Text","Menu","Button","Heading","Spinner"],"mappings":"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"}

package/dist/chunks/text.component-CHpMvCFa.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),i=require("./create-recipe-context-CDw-39SC.js"),r=require("./withTruncation-Ddr3jvAO.js"),{withContext:c}=i.createRecipeContext({key:"text"}),x=c("p"),t=({children:e,...n})=>s.jsxRuntimeExports.jsx(x,{className:"Text","data-testid":"kibble-text",...n,children:e});t.displayName="Text";const o=r.withTruncation(t);exports.WrappedText=o;
-//# sourceMappingURL=text.component-CHpMvCFa.js.map

package/dist/chunks/text.component-CHpMvCFa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.component-CHpMvCFa.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/text/index.js","../../src/components/Text/text.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"text\"\n});\nconst Text = withContext(\"p\");\nconst TextPropsProvider = PropsProvider;\n\nexport { Text, TextPropsProvider };\n","import React from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/react/text';\nimport { withTruncation, WithTruncationProps } from 'hocs/withTruncation';\nimport { TextSize } from './text.types';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\n\nexport interface TextProps extends WithTruncationProps, Omit<CTextProps, 'truncate'> {\n  size?: ConditionalValue<TextSize>;\n  variant?: TypographyVariant;\n}\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = 'Text';\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["withContext","createRecipeContext","Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":"qJAIM,CAAE,YAAAA,CAA2B,EAAIC,sBAAoB,CACzD,IAAK,MACP,CAAC,EACKC,EAAOF,EAAY,GAAG,ECKtBE,EAAO,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAEzBC,EAAA,kBAAA,IAACC,GAAM,UAAU,OAAO,cAAY,cAAe,GAAGF,EACnD,SAAAD,EACH,EAIJD,EAAK,YAAc,OAEb,MAAAK,EAAcC,iBAAeN,CAAI","x_google_ignoreList":[0]}

package/dist/chunks/text.component-D9w-u_dB.js

@@ -1,12 +0,0 @@
-import { j as s } from "./jsx-runtime-C5mzlN2N.js";
-import { c as a } from "./create-recipe-context-CrEKmpj8.js";
-import { w as r } from "./withTruncation-C9XLf_j6.js";
-const { withContext: x } = a({
-  key: "text"
-}), i = x("p"), t = ({ children: e, ...o }) => /* @__PURE__ */ s.jsx(i, { className: "Text", "data-testid": "kibble-text", ...o, children: e });
-t.displayName = "Text";
-const m = r(t);
-export {
-  m as W
-};
-//# sourceMappingURL=text.component-D9w-u_dB.js.map

package/dist/chunks/text.component-D9w-u_dB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.component-D9w-u_dB.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/text/index.js","../../src/components/Text/text.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { createRecipeContext } from '../../styled-system/create-recipe-context.js';\n\nconst { withContext, PropsProvider } = createRecipeContext({\n  key: \"text\"\n});\nconst Text = withContext(\"p\");\nconst TextPropsProvider = PropsProvider;\n\nexport { Text, TextPropsProvider };\n","import React from 'react';\nimport { Text as CText, TextProps as CTextProps } from '@chakra-ui/react/text';\nimport { withTruncation, WithTruncationProps } from 'hocs/withTruncation';\nimport { TextSize } from './text.types';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { ConditionalValue } from '@chakra-ui/react/styled-system';\n\nexport interface TextProps extends WithTruncationProps, Omit<CTextProps, 'truncate'> {\n  size?: ConditionalValue<TextSize>;\n  variant?: TypographyVariant;\n}\n\nconst Text = ({ children, ...rest }: TextProps): React.JSX.Element => {\n  return (\n    <CText className=\"Text\" data-testid=\"kibble-text\" {...rest}>\n      {children}\n    </CText>\n  );\n};\n\nText.displayName = 'Text';\n\nconst WrappedText = withTruncation(Text);\n\nexport { WrappedText as Text };\n"],"names":["withContext","createRecipeContext","Text","children","rest","jsx","CText","WrappedText","withTruncation"],"mappings":";;;AAIA,MAAM,EAAE,aAAAA,EAA2B,IAAIC,EAAoB;AAAA,EACzD,KAAK;AACP,CAAC,GACKC,IAAOF,EAAY,GAAG,GCKtBE,IAAO,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAEzBC,gBAAAA,EAAA,IAACC,KAAM,WAAU,QAAO,eAAY,eAAe,GAAGF,GACnD,UAAAD,GACH;AAIJD,EAAK,cAAc;AAEb,MAAAK,IAAcC,EAAeN,CAAI;","x_google_ignoreList":[0]}