@televet/kibble-ui 5.0.25-beta.9 → 5.0.26-beta.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/chunks/calendar.component-D1HEuPpr.js +55 -0
  2. package/dist/chunks/calendar.component-D1HEuPpr.js.map +1 -0
  3. package/dist/chunks/calendar.component-DjjLsuNb.js +2 -0
  4. package/dist/chunks/calendar.component-DjjLsuNb.js.map +1 -0
  5. package/dist/chunks/{datePicker.component-CLTjEX7i.js → datePicker.component-DuI1ybKD.js} +2 -2
  6. package/dist/chunks/{datePicker.component-CLTjEX7i.js.map → datePicker.component-DuI1ybKD.js.map} +1 -1
  7. package/dist/chunks/{datePicker.provider-CttuPiiS.js → datePicker.provider-DjDP292O.js} +3 -3
  8. package/dist/chunks/{datePicker.provider-CttuPiiS.js.map → datePicker.provider-DjDP292O.js.map} +1 -1
  9. package/dist/chunks/{dateTimePicker.component-CLAI_Q6e.js → dateTimePicker.component-r4V8f57O.js} +2 -2
  10. package/dist/chunks/{dateTimePicker.component-CLAI_Q6e.js.map → dateTimePicker.component-r4V8f57O.js.map} +1 -1
  11. package/dist/chunks/tab.types-DSPWRVCF.js +2 -0
  12. package/dist/chunks/{tab.types-ClVkJZuy.js.map → tab.types-DSPWRVCF.js.map} +1 -1
  13. package/dist/chunks/{tab.types-CL7gXexc.js → tab.types-JAJ5Xxff.js} +166 -178
  14. package/dist/chunks/{tab.types-CL7gXexc.js.map → tab.types-JAJ5Xxff.js.map} +1 -1
  15. package/dist/cjs/components/Calendar/index.cjs +1 -1
  16. package/dist/cjs/components/Tabs/index.cjs +1 -1
  17. package/dist/cjs/components/index.cjs +1 -1
  18. package/dist/cjs/index.cjs +1 -1
  19. package/dist/esm/cli/generate-theme-types.js +0 -0
  20. package/dist/esm/cli/postinstall.js +0 -0
  21. package/dist/esm/components/Calendar/index.js +3 -2
  22. package/dist/esm/components/DatePicker/index.js +2 -2
  23. package/dist/esm/components/DateTimePicker/index.js +1 -1
  24. package/dist/esm/components/Tabs/index.js +1 -1
  25. package/dist/esm/components/index.js +119 -118
  26. package/dist/esm/index.js +147 -146
  27. package/dist/types/components/Calendar/calendar.component.d.ts +12 -1
  28. package/dist/types/components/Calendar/calendarTodayButton.component.d.ts +10 -0
  29. package/dist/types/components/Calendar/index.d.ts +1 -0
  30. package/package.json +1 -1
  31. package/dist/chunks/calendar.component-BFSyxaB6.js +0 -2
  32. package/dist/chunks/calendar.component-BFSyxaB6.js.map +0 -1
  33. package/dist/chunks/calendar.component-CegJR9ey.js +0 -18
  34. package/dist/chunks/calendar.component-CegJR9ey.js.map +0 -1
  35. package/dist/chunks/tab.types-ClVkJZuy.js +0 -2
@@ -1 +0,0 @@
1
- {"version":3,"file":"calendar.component-BFSyxaB6.js","sources":["../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { Divider } from 'components/Divider';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\n\nexport interface CalendarProps extends DateProps {\n /** Data test id for the calendar.\n * @default kibble-calendar\n */\n 'data-testid'?: string;\n /**\n * If true, the calendar will allow for a date range selection.\n * @default true\n */\n withDateRange?: boolean;\n /**\n * If true, the calendar will show the month and year selectors in the header.\n * @default false\n */\n withHeaderTriggers?: boolean;\n}\n\nexport const Calendar = ({\n ['data-testid']: dataTestId = 'kibble-calendar',\n withDateRange = true,\n withHeaderTriggers = false,\n ...rest\n}: CalendarProps): React.JSX.Element => {\n return (\n <Box className=\"Calendar\" data-testid={dataTestId} maxW=\"340px\">\n <DatePickerProvider withDateRange={withDateRange} {...rest} standalone>\n <DatePickerHeader withTriggers={withHeaderTriggers} />\n <Divider />\n <DatePickerCalendar />\n </DatePickerProvider>\n </Box>\n );\n};\n"],"names":["Calendar","dataTestId","withDateRange","withHeaderTriggers","rest","jsx","Box","jsxs","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":"uLAyBaA,EAAW,CAAC,CACvB,CAAC,eAAgBC,EAAa,kBAC9B,cAAAC,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,GAAGC,CACL,IAEKC,EAAAA,kBAAAA,IAAAC,EAAAA,IAAA,CAAI,UAAU,WAAW,cAAaL,EAAY,KAAK,QACtD,SAAAM,EAAA,kBAAA,KAACC,EAAmB,mBAAA,CAAA,cAAAN,EAA+B,GAAGE,EAAM,WAAU,GACpE,SAAA,CAACC,EAAAA,kBAAAA,IAAAI,EAAA,iBAAA,CAAiB,aAAcN,CAAoB,CAAA,0BACnDO,EAAQ,QAAA,EAAA,0BACRC,EAAmB,mBAAA,CAAA,CAAA,CAAA,CAAA,CACtB,CACF,CAAA"}
@@ -1,18 +0,0 @@
1
- import { j as a } from "./jsx-runtime-C5mzlN2N.js";
2
- import { B as i } from "./index-9BerxEcw.js";
3
- import { a as d, b as o, c as m } from "./datePicker.provider-CttuPiiS.js";
4
- import { D as n } from "./divider.component-CFOh4Nw3.js";
5
- const p = ({
6
- ["data-testid"]: r = "kibble-calendar",
7
- withDateRange: e = !0,
8
- withHeaderTriggers: s = !1,
9
- ...t
10
- }) => /* @__PURE__ */ a.jsx(i, { className: "Calendar", "data-testid": r, maxW: "340px", children: /* @__PURE__ */ a.jsxs(d, { withDateRange: e, ...t, standalone: !0, children: [
11
- /* @__PURE__ */ a.jsx(o, { withTriggers: s }),
12
- /* @__PURE__ */ a.jsx(n, {}),
13
- /* @__PURE__ */ a.jsx(m, {})
14
- ] }) });
15
- export {
16
- p as C
17
- };
18
- //# sourceMappingURL=calendar.component-CegJR9ey.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"calendar.component-CegJR9ey.js","sources":["../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { Divider } from 'components/Divider';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\n\nexport interface CalendarProps extends DateProps {\n /** Data test id for the calendar.\n * @default kibble-calendar\n */\n 'data-testid'?: string;\n /**\n * If true, the calendar will allow for a date range selection.\n * @default true\n */\n withDateRange?: boolean;\n /**\n * If true, the calendar will show the month and year selectors in the header.\n * @default false\n */\n withHeaderTriggers?: boolean;\n}\n\nexport const Calendar = ({\n ['data-testid']: dataTestId = 'kibble-calendar',\n withDateRange = true,\n withHeaderTriggers = false,\n ...rest\n}: CalendarProps): React.JSX.Element => {\n return (\n <Box className=\"Calendar\" data-testid={dataTestId} maxW=\"340px\">\n <DatePickerProvider withDateRange={withDateRange} {...rest} standalone>\n <DatePickerHeader withTriggers={withHeaderTriggers} />\n <Divider />\n <DatePickerCalendar />\n </DatePickerProvider>\n </Box>\n );\n};\n"],"names":["Calendar","dataTestId","withDateRange","withHeaderTriggers","rest","jsx","Box","jsxs","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":";;;;AAyBO,MAAMA,IAAW,CAAC;AAAA,EACvB,CAAC,gBAAgBC,IAAa;AAAA,EAC9B,eAAAC,IAAgB;AAAA,EAChB,oBAAAC,IAAqB;AAAA,EACrB,GAAGC;AACL,MAEKC,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,YAAW,eAAaL,GAAY,MAAK,SACtD,UAAAM,gBAAAA,EAAA,KAACC,GAAmB,EAAA,eAAAN,GAA+B,GAAGE,GAAM,YAAU,IACpE,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAAI,GAAA,EAAiB,cAAcN,EAAoB,CAAA;AAAA,wBACnDO,GAAQ,EAAA;AAAA,wBACRC,GAAmB,CAAA,CAAA;AAAA,EAAA,CACtB,EACF,CAAA;"}
@@ -1,2 +0,0 @@
1
- "use strict";const l=require("./jsx-runtime-BjDatQAs.js"),_=require("./icon.component-B1hr5lLa.js"),X=require("./notificationCounter.component-CBwi5vXa.js"),H=require("./heading.component-DnoZOXdz.js"),K=require("./create-slot-recipe-context-HXE1VazG.js"),b=require("react"),u=require("./use-locale-context-ym21RUxU.js"),h=require("./render-strategy-kPh1pd2U.js"),n=require("./index-CQURjLlA.js"),F=require("./index-Ts8g8jZd.js");function z(e,t){const[r,a]=b.useState(e);return b.useEffect(()=>{const o=setTimeout(()=>{a(e)},t);return()=>{clearTimeout(o)}},[e,t]),r}const[N,A]=u.createContext({name:"TabsContext",hookName:"useTabsContext",providerName:"<TabsProvider />"}),L=b.forwardRef((e,t)=>{const[r,a]=u.createSplitProps()(e,["value"]),o=A(),s=h.useRenderStrategyPropsContext(),i=F.usePresence({...s,present:z(o.value===e.value,0),immediate:!0}),g=n.mergeProps(o.getContentProps(r),i.getPresenceProps(),a);return l.jsxRuntimeExports.jsx(F.PresenceProvider,{value:i,children:i.unmounted?null:l.jsxRuntimeExports.jsx(u.ark.div,{...g,ref:u.composeRefs(i.ref,t)})})});L.displayName="TabContent";const O=b.forwardRef((e,t)=>{const r=A(),a=n.mergeProps(r.getIndicatorProps(),e);return l.jsxRuntimeExports.jsx(u.ark.div,{...a,ref:t})});O.displayName="TabIndicator";const $=b.forwardRef((e,t)=>{const r=A(),a=n.mergeProps(r.getListProps(),e);return l.jsxRuntimeExports.jsx(u.ark.div,{...a,ref:t})});$.displayName="TabList";const B=b.forwardRef((e,t)=>{const[r,a]=u.createSplitProps()(e,["disabled","value"]),o=A(),s=n.mergeProps(o.getTriggerProps(r),a);return l.jsxRuntimeExports.jsx(u.ark.button,{...s,ref:t})});B.displayName="TabTrigger";var Y=n.createAnatomy("tabs").parts("root","list","trigger","content","indicator"),x=Y.build(),G=e=>e.ids?.root??`tabs:${e.id}`,y=e=>e.ids?.list??`tabs:${e.id}:list`,I=(e,t)=>e.ids?.content??`tabs:${e.id}:content-${t}`,T=(e,t)=>e.ids?.trigger??`tabs:${e.id}:trigger-${t}`,k=e=>e.ids?.indicator??`tabs:${e.id}:indicator`,J=e=>e.getById(y(e)),Q=(e,t)=>e.getById(I(e,t)),V=(e,t)=>e.getById(T(e,t)),S=e=>e.getById(k(e)),P=e=>{const r=`[role=tab][data-ownedby='${CSS.escape(y(e))}']:not([disabled])`;return n.queryAll(J(e),r)},Z=e=>n.first(P(e)),ee=e=>n.last(P(e)),te=(e,t)=>n.nextById(P(e),T(e,t.value),t.loopFocus),ae=(e,t)=>n.prevById(P(e),T(e,t.value),t.loopFocus),D=e=>({left:e?.offsetLeft??0,top:e?.offsetTop??0,width:e?.offsetWidth??0,height:e?.offsetHeight??0}),re=(e,t)=>{const r=n.itemById(P(e),T(e,t));return U(D(r))},U=e=>({width:`${e.width}px`,height:`${e.height}px`,left:`${e.left}px`,top:`${e.top}px`});function se(e,t){const{state:r,send:a,context:o,prop:s,scope:i}=e,g=s("translations"),f=r.matches("focused"),p=s("orientation")==="vertical",C=s("orientation")==="horizontal",w=s("composite");function j(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=T(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&&V(i,c)?.focus()},getRootProps(){return t.element({...x.root.attrs,id:G(i),"data-orientation":s("orientation"),"data-focus":n.dataAttr(f),dir:s("dir")})},getListProps(){return t.element({...x.list.attrs,id:y(i),role:"tablist",dir:s("dir"),"data-focus":n.dataAttr(f),"aria-orientation":s("orientation"),"data-orientation":s("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(){p||a({type:"ARROW_PREV",key:"ArrowLeft"})},ArrowRight(){p||a({type:"ARROW_NEXT",key:"ArrowRight"})},Home(){a({type:"HOME"})},End(){a({type:"END"})}};let v=n.getEventKey(c,{dir:s("dir"),orientation:s("orientation")});const m=d[v];if(m){c.preventDefault(),m(c);return}}})},getTriggerState:j,getTriggerProps(c){const{value:d,disabled:v}=c,m=j(c);return t.button({...x.trigger.attrs,role:"tab",type:"button",disabled:v,dir:s("dir"),"data-orientation":s("orientation"),"data-disabled":n.dataAttr(v),"aria-disabled":v,"data-value":d,"aria-selected":m.selected,"data-selected":n.dataAttr(m.selected),"data-focus":n.dataAttr(m.focused),"aria-controls":m.selected?I(i,d):void 0,"data-ownedby":y(i),"data-ssr":n.dataAttr(o.get("ssr")),id:T(i,d),tabIndex:m.selected&&w?0:-1,onFocus(){a({type:"TAB_FOCUS",value:d})},onBlur(R){R.relatedTarget?.getAttribute("role")!=="tab"&&a({type:"TAB_BLUR"})},onClick(R){R.defaultPrevented||n.isOpeningInNewTab(R)||v||(n.isSafari()&&R.currentTarget.focus(),a({type:"TAB_CLICK",value:d}))}})},getContentProps(c){const{value:d}=c,v=o.get("value")===d;return t.element({...x.content.attrs,dir:s("dir"),id:I(i,d),tabIndex:w?0:-1,"aria-labelledby":T(i,d),role:"tabpanel","data-ownedby":y(i),"data-selected":n.dataAttr(v),"data-orientation":s("orientation"),hidden:!v})},getIndicatorProps(){const c=o.get("indicatorRect"),d=o.get("indicatorTransition");return t.element({id:k(i),...x.indicator.attrs,dir:s("dir"),"data-orientation":s("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:oe}=n.setup(),ne=oe({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(r){e("onValueChange")?.({value:r})}})),focusedValue:t(()=>({defaultValue:e("value")||e("defaultValue"),sync:!0,onChange(r){e("onFocusChange")?.({focusedValue:r})}})),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:r,action:a}){r([()=>e.get("value")],()=>{a(["allowIndicatorTransition","syncIndicatorRect","syncTabIndex","navigateIfNeeded"])}),r([()=>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 r=e.get("focusedValue");if(!r)return;const o=t("deselectable")&&e.get("value")===r?null:r;e.set("value",o)})},setFocusedValue({context:e,event:t,flush:r}){t.value!=null&&r(()=>{e.set("focusedValue",t.value)})},clearFocusedValue({context:e}){e.set("focusedValue",null)},setValue({context:e,event:t,prop:r}){const a=r("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(()=>{Z(e)?.focus()})},focusLastTab({scope:e}){n.raf(()=>{ee(e)?.focus()})},focusNextTab({context:e,prop:t,scope:r,event:a}){const o=a.value??e.get("focusedValue");if(!o)return;const s=te(r,{value:o,loopFocus:t("loopFocus")});n.raf(()=>{t("composite")?s?.focus():s?.dataset.value!=null&&e.set("focusedValue",s.dataset.value)})},focusPrevTab({context:e,prop:t,scope:r,event:a}){const o=a.value??e.get("focusedValue");if(!o)return;const s=ae(r,{value:o,loopFocus:t("loopFocus")});n.raf(()=>{t("composite")?s?.focus():s?.dataset.value!=null&&e.set("focusedValue",s.dataset.value)})},syncTabIndex({context:e,scope:t}){n.raf(()=>{const r=e.get("value");if(!r)return;const a=Q(t,r);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:r}){const a=t.id??e.get("value");if(!S(r))return;if(!a){e.set("indicatorTransition",!1);return}V(r,a)&&(e.set("indicatorRect",re(r,a)),n.nextTick(()=>{e.set("indicatorTransition",!1)}))},syncSsr({context:e}){e.set("ssr",!1)},syncIndicatorRect({context:e,refs:t,scope:r}){const a=t.get("indicatorCleanup");a&&a();const o=e.get("value");if(!o){e.set("indicatorTransition",!1);return}const s=V(r,o),i=S(r);if(!s||!i)return;const g=n.trackElementRect([s],{measure(f){return D(f)},onEntry({rects:f}){const[p]=f;e.set("indicatorRect",U(p))}});t.set("indicatorCleanup",g)},navigateIfNeeded({context:e,prop:t,scope:r}){const a=e.get("value");if(!a)return;const o=V(r,a);n.isAnchorElement(o)&&t("navigate")?.({value:a,node:o,href:o.href})}}}});u.createProps()(["activationMode","composite","deselectable","dir","getRootNode","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value","defaultValue"]);u.createProps()(["disabled","value"]);u.createProps()(["value"]);const ie=e=>{const t=b.useId(),{getRootNode:r}=u.useEnvironmentContext(),{dir:a}=u.useLocaleContext(),o={id:t,dir:a,getRootNode:r,...e},s=u.useMachine(ne,o);return se(s,u.normalizeProps)},W=b.forwardRef((e,t)=>{const[r,a]=h.splitRenderStrategyProps(e),[o,s]=u.createSplitProps()(a,["activationMode","composite","defaultValue","deselectable","id","ids","loopFocus","navigate","onFocusChange","onValueChange","orientation","translations","value"]),i=ie(o),g=n.mergeProps(i.getRootProps(),s);return l.jsxRuntimeExports.jsx(N,{value:i,children:l.jsxRuntimeExports.jsx(h.RenderStrategyPropsProvider,{value:r,children:l.jsxRuntimeExports.jsx(u.ark.div,{...g,ref:t})})})});W.displayName="TabsRoot";const q=b.forwardRef((e,t)=>{const[r,a]=h.splitRenderStrategyProps(e),[{value:o},s]=u.createSplitProps()(a,["value"]),i=n.mergeProps(o.getRootProps(),s);return l.jsxRuntimeExports.jsx(N,{value:o,children:l.jsxRuntimeExports.jsx(h.RenderStrategyPropsProvider,{value:r,children:l.jsxRuntimeExports.jsx(u.ark.div,{...i,ref:t})})})});q.displayName="TabsRootProvider";const{withProvider:M,withContext:E}=K.createSlotRecipeContext({key:"tabs"});M(q,"root",{forwardAsChild:!0});const ce=M(W,"root",{forwardAsChild:!0}),le=E(B,"trigger",{forwardAsChild:!0}),ue=E(L,"content",{forwardAsChild:!0});E("div","contentGroup");const de=E($,"list",{forwardAsChild:!0});E(O,"indicator",{forwardAsChild:!0});const ge={xs:"sm",sm:"md",md:"md",lg:"lg"},fe={xs:"xs",sm:"xs",md:"sm",lg:"md"},pe=({iconName:e,iconPosition:t="left",label:r,notificationCounterProps:a,showNotificationCounter:o,size:s="md",["data-testid"]:i="kibble-tab",...g})=>l.jsxRuntimeExports.jsxs(le,{className:"Tab","data-testid":i,...g,children:[!!e&&t==="left"&&l.jsxRuntimeExports.jsx(_.Icon,{className:"Tab__Icon","data-testid":`${i}-icon-left`,name:e,size:s,variant:"default"}),l.jsxRuntimeExports.jsx(H.WrappedHeading,{as:"span",className:"Tab__Label","data-testid":`${i}-label`,size:fe[s],children:r}),!!e&&t==="right"&&l.jsxRuntimeExports.jsx(_.Icon,{className:"Tab__Icon","data-testid":`${i}-icon-right`,name:e,size:s}),o&&l.jsxRuntimeExports.jsx(X.NotificationCounter,{className:"Tab__NotificationCounter","data-testid":`${i}-notification-counter`,...a,size:ge[s]})]}),ve=({align:e="start",onChange:t,scrollable:r=!1,size:a="md",tabs:o,tabsContent:s,["data-testid"]:i="kibble-tabs",...g})=>(console.log("frank - 3"),l.jsxRuntimeExports.jsxs(ce,{className:"Tabs","data-testid":i,justify:e||g.justify,size:a,onValueChange:({value:f})=>t?.(f),...g,...r&&{style:{...g.style,width:"100%",minWidth:0,overflow:"hidden"}},children:[l.jsxRuntimeExports.jsx(de,{className:"Tabs__List","data-testid":`${i}-trigger-list`,...r&&{style:{display:"block",overflowX:"scroll",whiteSpace:"nowrap",scrollbarWidth:"none"}},children:o.map((f,p)=>l.jsxRuntimeExports.jsx(pe,{...f,"data-testid":`${i}-trigger-${f.value}`,size:a,...r&&{style:{display:"inline-flex",float:"none"}}},`tab-${p}`))}),!!s&&s.map((f,p)=>l.jsxRuntimeExports.jsx(ue,{"data-testid":`${i}-content-${o[p].value}`,...f},`${i}-tabContent-${p}`))]})),be=["xs","sm","md","lg"],me=["left","right"];exports.Tabs=ve;exports.tabIconPositions=me;exports.tabSizes=be;
2
- //# sourceMappingURL=tab.types-ClVkJZuy.js.map