npm - @televet/kibble-ui - Versions diffs - 4.0.0-beta.21 → 4.0.0-beta.25 - Mend

@televet/kibble-ui 4.0.0-beta.21 → 4.0.0-beta.25

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 (439) hide show

package/dist/chunks/{select.component-CqvAx7vP.js → select.component-vzYNxpKs.js} RENAMED Viewed

@@ -1,55 +1,55 @@
-import { x as e, bS as b, bT as g, bP as v } from "./vendor-BBfll6i3.js";
+import { x as e, eA as S, eB as g, ew as v } from "./vendor-CRIhG-7s.js";
 import C, { useMemo as x } from "react";
-import { w as T } from "./withFormControl-CDQGc9aO.js";
-import { I as y } from "./icon.component-w5bWbfVU.js";
-import { B as I } from "./button.component-CA9bIFbq.js";
-import { W as u } from "./text.component-XYjOAc2s.js";
-import { S as w } from "./spinner.component-D5tkelNc.js";
-import { ae as F, af as N, ag as R, ah as W, ai as P, aj as V, ak as _, al as k, am as B, F as m, an as E } from "./chakra-BqBkjpvZ.js";
+import { w as T } from "./withFormControl-BCyb1yXC.js";
+import { I as w } from "./icon.component-DOan8Ddb.js";
+import { B as y } from "./button.component-BZEZZa7D.js";
+import { W as u } from "./text.component-B1g7jaUt.js";
+import { S as I } from "./spinner.component-D3If6khz.js";
+import { bg as F, bh as N, bi as R, bj as W, bk as B, bl as V, bm as _, bn as k, bo as E, F as m, bp as O } from "./chakra-DEgvQPwa.js";
 const j = ({
   item: t,
-  onContrast: r,
+  onContrast: l,
   shouldTruncateText: c,
-  size: l
+  size: a
 }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
   t.leftElement,
   typeof t.label == "string" ? /* @__PURE__ */ e.jsx(
     u,
     {
-      size: l,
+      size: a,
       truncated: c,
-      variant: t.variant || (r ? "onContrast" : "default"),
+      variant: t.variant || (l ? "onContrast" : "default"),
       children: t.label
     }
   ) : t.label
-] }), O = ({
+] }), P = ({
   placeholder: t = "",
-  placeholderElement: r,
+  placeholderElement: l,
   ...c
 }) => {
-  const l = b(), s = x(() => l.selectedItems[0], [l]);
+  const a = S(), s = x(() => a.selectedItems[0], [a]);
   return /* @__PURE__ */ e.jsxs(F, { children: [
-    !s && r,
+    !s && l,
     /* @__PURE__ */ e.jsx(N, { placeholder: t, children: s && /* @__PURE__ */ e.jsx(j, { item: s, ...c }) })
   ] });
-}, D = T(
+}, A = T(
   ({
     clearable: t,
-    placeholderElement: r,
+    placeholderElement: l,
     emptyPlaceholder: c = "No options available",
-    loading: l,
+    loading: a,
     onContrast: s,
     options: o,
     placeholder: h = "",
-    selectRef: f,
+    selectRef: b,
     shouldTruncateText: d,
     size: n = "md",
-    ...S
+    ...p
   }) => {
-    const p = s ? "onContrast" : "default", i = x(() => g({
+    const f = s ? "onContrast" : "default", i = x(() => g({
       items: o ?? [],
-      itemToString: (a) => typeof a.label == "string" ? a.label : a.valueText || "",
-      itemToValue: (a) => a.value
+      itemToString: (r) => typeof r.label == "string" ? r.label : r.valueText || "",
+      itemToValue: (r) => r.value
     }), [o]);
     return /* @__PURE__ */ e.jsxs(
       R,
@@ -58,16 +58,16 @@ const j = ({
         "data-testid": "kibble-select",
         collection: i,
         size: n,
-        variant: p,
-        ...S,
+        variant: f,
+        ...p,
         children: [
-          /* @__PURE__ */ e.jsx(W, { ref: f }),
-          /* @__PURE__ */ e.jsxs(P, { children: [
+          /* @__PURE__ */ e.jsx(W, { ref: b }),
+          /* @__PURE__ */ e.jsxs(B, { children: [
             /* @__PURE__ */ e.jsx(
-              O,
+              P,
               {
                 placeholder: h,
-                placeholderElement: r,
+                placeholderElement: l,
                 onContrast: !!s,
                 shouldTruncateText: !!d,
                 size: n
@@ -75,7 +75,7 @@ const j = ({
             ),
             /* @__PURE__ */ e.jsxs(V, { children: [
               t && /* @__PURE__ */ e.jsx(_, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-                I,
+                y,
                 {
                   iconName: "close",
                   onContrast: s,
@@ -84,7 +84,7 @@ const j = ({
                 }
               ) }),
               /* @__PURE__ */ e.jsx(
-                y,
+                w,
                 {
                   name: "chevronDown",
                   size: n,
@@ -93,21 +93,21 @@ const j = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(B, { children: l ? /* @__PURE__ */ e.jsx(m, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
-            w,
+          /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(E, { children: a ? /* @__PURE__ */ e.jsx(m, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
+            I,
             {
               variant: s ? "brandOnContrast" : "brand",
               size: n
             }
-          ) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: i.items.length ? i.items.map((a) => /* @__PURE__ */ e.jsx(E, { item: a, children: /* @__PURE__ */ e.jsx(
+          ) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: i.items.length ? i.items.map((r) => /* @__PURE__ */ e.jsx(O, { item: r, children: /* @__PURE__ */ e.jsx(
             j,
             {
-              item: a,
+              item: r,
               onContrast: !!s,
               shouldTruncateText: !!d,
               size: n
             }
-          ) }, a.value)) : /* @__PURE__ */ e.jsx(m, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
+          ) }, r.value)) : /* @__PURE__ */ e.jsx(m, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
             u,
             {
               size: "sm",
@@ -119,11 +119,11 @@ const j = ({
       }
     );
   }
-), G = C.forwardRef(
-  (t, r) => /* @__PURE__ */ e.jsx(D, { selectRef: r, ...t })
+), D = C.forwardRef(
+  (t, l) => /* @__PURE__ */ e.jsx(A, { selectRef: l, ...t })
 );
-G.displayName = "Select";
+D.displayName = "Select";
 export {
-  G as W
+  D as W
 };
-//# sourceMappingURL=select.component-CqvAx7vP.js.map
+//# sourceMappingURL=select.component-vzYNxpKs.js.map

package/dist/chunks/{select.component-CqvAx7vP.js.map → select.component-vzYNxpKs.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.component-CqvAx7vP.js","sources":["../../src/components/Select/components/SelectItemContent/selectItemContent.component.tsx","../../src/components/Select/components/SelectTrigger/selectTrigger.component.tsx","../../src/components/Select/select.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectItemContentProps {\n item: SelectOption;\n onContrast: boolean;\n shouldTruncateText: boolean;\n size: FormControlSize;\n}\n\nexport const SelectItemContent = ({\n item,\n onContrast,\n shouldTruncateText,\n size,\n}: SelectItemContentProps): React.JSX.Element => {\n return (\n <>\n {item.leftElement}\n {typeof item.label === \"string\" ? (\n <Text\n size={size}\n truncated={shouldTruncateText}\n variant={item.variant \|\| (onContrast ? \"onContrast\" : \"default\")}\n >\n {item.label}\n </Text>\n ) : (\n item.label\n )}\n </>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { Select as CSelect, useSelectContext } from \"@chakra-ui/react/select\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { SelectItemContent } from \"../SelectItemContent/selectItemContent.component\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectTriggerProps {\n placeholder?: string;\n placeholderElement?: React.ReactNode;\n onContrast: boolean;\n shouldTruncateText: boolean;\n size: FormControlSize;\n}\n\nexport const SelectTrigger = ({\n placeholder = \"\",\n placeholderElement,\n ...rest\n}: SelectTriggerProps): React.JSX.Element => {\n const select = useSelectContext();\n const selectedItem = useMemo(() => {\n const items = select.selectedItems as SelectOption[];\n return items[0];\n }, [select]);\n\n return (\n <CSelect.Trigger>\n {!selectedItem && placeholderElement}\n <CSelect.ValueText placeholder={placeholder}>\n {selectedItem && <SelectItemContent item={selectedItem} {...rest} />}\n </CSelect.ValueText>\n </CSelect.Trigger>\n );\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Select as CSelect } from \"@chakra-ui/react/select\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { createListCollection } from \"@chakra-ui/react/collection\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Button } from \"components/Button/button.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { SelectOption } from \"./select.types\";\nimport { SelectItemContent } from \"./components/SelectItemContent/selectItemContent.component\";\nimport { SelectTrigger } from \"./components/SelectTrigger/selectTrigger.component\";\n\nexport interface SelectProps\n extends Omit<CSelect.RootProps, \"collection\" \| \"multiple\">,\n WithFormControlProps {\n clearable?: boolean;\n emptyPlaceholder?: string;\n loading?: boolean;\n options: SelectOption[];\n placeholder?: string;\n placeholderElement?: React.ReactNode;\n selectRef?: ForwardedRef<HTMLSelectElement>;\n shouldTruncateText?: boolean;\n size?: FormControlSize;\n}\n\nconst Select = withFormControl(\n ({\n clearable,\n placeholderElement,\n emptyPlaceholder = \"No options available\",\n loading,\n onContrast,\n options,\n placeholder = \"\",\n selectRef,\n shouldTruncateText,\n size = \"md\",\n ...rest\n }: SelectProps): React.JSX.Element => {\n const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n const collection = useMemo(() => {\n return createListCollection({\n items: options ?? [],\n itemToString: (option) =>\n typeof option.label === \"string\"\n ? option.label\n : option.valueText \|\| \"\",\n itemToValue: (option) => option.value,\n });\n }, [options]);\n\n return (\n <CSelect.Root\n className=\"Select\"\n data-testid=\"kibble-select\"\n collection={collection}\n size={size}\n variant={_computedVariant}\n {...rest}\n >\n <CSelect.HiddenSelect ref={selectRef} />\n <CSelect.Control>\n <SelectTrigger\n placeholder={placeholder}\n placeholderElement={placeholderElement}\n onContrast={!!onContrast}\n shouldTruncateText={!!shouldTruncateText}\n size={size}\n />\n <CSelect.IndicatorGroup>\n {clearable && (\n <CSelect.ClearTrigger asChild>\n <Button\n iconName=\"close\"\n onContrast={onContrast}\n size={size === \"lg\" ? \"sm\" : \"xs\"}\n variant=\"ghostNeutral\"\n />\n </CSelect.ClearTrigger>\n )}\n <Icon\n name=\"chevronDown\"\n size={size}\n variant={onContrast ? \"onContrast\" : \"default\"}\n />\n </CSelect.IndicatorGroup>\n </CSelect.Control>\n <Portal>\n <CSelect.Positioner>\n <CSelect.Content>\n {loading ? (\n <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n <Spinner\n variant={onContrast ? \"brandOnContrast\" : \"brand\"}\n size={size}\n />\n </Flex>\n ) : (\n <>\n {collection.items.length ? (\n collection.items.map((item) => (\n <CSelect.Item item={item} key={item.value}>\n <SelectItemContent\n item={item}\n onContrast={!!onContrast}\n shouldTruncateText={!!shouldTruncateText}\n size={size}\n />\n </CSelect.Item>\n ))\n ) : (\n <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n <Text\n size=\"sm\"\n variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n >\n {emptyPlaceholder}\n </Text>\n </Flex>\n )}\n </>\n )}\n </CSelect.Content>\n </CSelect.Positioner>\n </Portal>\n </CSelect.Root>\n );\n },\n);\n\nconst WrappedSelect = React.forwardRef(\n (props: SelectProps, ref: ForwardedRef<HTMLSelectElement>) => (\n <Select selectRef={ref} {...props} />\n ),\n);\n\nWrappedSelect.displayName = \"Select\";\n\nexport { WrappedSelect as Select };\n"],"names":["SelectItemContent","item","onContrast","shouldTruncateText","size","jsxs","Fragment","jsx","Text","SelectTrigger","placeholder","placeholderElement","rest","select","useSelectContext","selectedItem","useMemo","CSelect.Trigger","CSelect.ValueText","Select","withFormControl","clearable","emptyPlaceholder","loading","options","selectRef","_computedVariant","collection","createListCollection","option","CSelect.Root","CSelect.HiddenSelect","CSelect.Control","CSelect.IndicatorGroup","CSelect.ClearTrigger","Button","Icon","Portal","CSelect.Positioner","CSelect.Content","Flex","Spinner","CSelect.Item","WrappedSelect","React","props","ref"],"mappings":"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"}
1	+ {"version":3,"file":"select.component-vzYNxpKs.js","sources":["../../src/components/Select/components/SelectItemContent/selectItemContent.component.tsx","../../src/components/Select/components/SelectTrigger/selectTrigger.component.tsx","../../src/components/Select/select.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"components/Text/text.component\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectItemContentProps {\n item: SelectOption;\n onContrast: boolean;\n shouldTruncateText: boolean;\n size: FormControlSize;\n}\n\nexport const SelectItemContent = ({\n item,\n onContrast,\n shouldTruncateText,\n size,\n}: SelectItemContentProps): React.JSX.Element => {\n return (\n <>\n {item.leftElement}\n {typeof item.label === \"string\" ? (\n <Text\n size={size}\n truncated={shouldTruncateText}\n variant={item.variant \|\| (onContrast ? \"onContrast\" : \"default\")}\n >\n {item.label}\n </Text>\n ) : (\n item.label\n )}\n </>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { Select as CSelect, useSelectContext } from \"@chakra-ui/react/select\";\nimport { SelectOption } from \"components/Select/select.types\";\nimport { SelectItemContent } from \"../SelectItemContent/selectItemContent.component\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\ninterface SelectTriggerProps {\n placeholder?: string;\n placeholderElement?: React.ReactNode;\n onContrast: boolean;\n shouldTruncateText: boolean;\n size: FormControlSize;\n}\n\nexport const SelectTrigger = ({\n placeholder = \"\",\n placeholderElement,\n ...rest\n}: SelectTriggerProps): React.JSX.Element => {\n const select = useSelectContext();\n const selectedItem = useMemo(() => {\n const items = select.selectedItems as SelectOption[];\n return items[0];\n }, [select]);\n\n return (\n <CSelect.Trigger>\n {!selectedItem && placeholderElement}\n <CSelect.ValueText placeholder={placeholder}>\n {selectedItem && <SelectItemContent item={selectedItem} {...rest} />}\n </CSelect.ValueText>\n </CSelect.Trigger>\n );\n};\n","import React, { ForwardedRef, useMemo } from \"react\";\nimport { Select as CSelect } from \"@chakra-ui/react/select\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\nimport { createListCollection } from \"@chakra-ui/react/collection\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Button } from \"components/Button/button.component\";\nimport { Text } from \"components/Text/text.component\";\nimport { Spinner } from \"components/Spinner/spinner.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { SelectOption } from \"./select.types\";\nimport { SelectItemContent } from \"./components/SelectItemContent/selectItemContent.component\";\nimport { SelectTrigger } from \"./components/SelectTrigger/selectTrigger.component\";\n\nexport interface SelectProps\n extends Omit<CSelect.RootProps, \"collection\" \| \"multiple\">,\n WithFormControlProps {\n clearable?: boolean;\n emptyPlaceholder?: string;\n loading?: boolean;\n options: SelectOption[];\n placeholder?: string;\n placeholderElement?: React.ReactNode;\n selectRef?: ForwardedRef<HTMLSelectElement>;\n shouldTruncateText?: boolean;\n size?: FormControlSize;\n}\n\nconst Select = withFormControl(\n ({\n clearable,\n placeholderElement,\n emptyPlaceholder = \"No options available\",\n loading,\n onContrast,\n options,\n placeholder = \"\",\n selectRef,\n shouldTruncateText,\n size = \"md\",\n ...rest\n }: SelectProps): React.JSX.Element => {\n const _computedVariant = onContrast ? \"onContrast\" : \"default\";\n const collection = useMemo(() => {\n return createListCollection({\n items: options ?? [],\n itemToString: (option) =>\n typeof option.label === \"string\"\n ? option.label\n : option.valueText \|\| \"\",\n itemToValue: (option) => option.value,\n });\n }, [options]);\n\n return (\n <CSelect.Root\n className=\"Select\"\n data-testid=\"kibble-select\"\n collection={collection}\n size={size}\n variant={_computedVariant}\n {...rest}\n >\n <CSelect.HiddenSelect ref={selectRef} />\n <CSelect.Control>\n <SelectTrigger\n placeholder={placeholder}\n placeholderElement={placeholderElement}\n onContrast={!!onContrast}\n shouldTruncateText={!!shouldTruncateText}\n size={size}\n />\n <CSelect.IndicatorGroup>\n {clearable && (\n <CSelect.ClearTrigger asChild>\n <Button\n iconName=\"close\"\n onContrast={onContrast}\n size={size === \"lg\" ? \"sm\" : \"xs\"}\n variant=\"ghostNeutral\"\n />\n </CSelect.ClearTrigger>\n )}\n <Icon\n name=\"chevronDown\"\n size={size}\n variant={onContrast ? \"onContrast\" : \"default\"}\n />\n </CSelect.IndicatorGroup>\n </CSelect.Control>\n <Portal>\n <CSelect.Positioner>\n <CSelect.Content>\n {loading ? (\n <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n <Spinner\n variant={onContrast ? \"brandOnContrast\" : \"brand\"}\n size={size}\n />\n </Flex>\n ) : (\n <>\n {collection.items.length ? (\n collection.items.map((item) => (\n <CSelect.Item item={item} key={item.value}>\n <SelectItemContent\n item={item}\n onContrast={!!onContrast}\n shouldTruncateText={!!shouldTruncateText}\n size={size}\n />\n </CSelect.Item>\n ))\n ) : (\n <Flex w=\"100%\" justifyContent=\"center\" py={3}>\n <Text\n size=\"sm\"\n variant={onContrast ? \"subtleOnContrast\" : \"subtle\"}\n >\n {emptyPlaceholder}\n </Text>\n </Flex>\n )}\n </>\n )}\n </CSelect.Content>\n </CSelect.Positioner>\n </Portal>\n </CSelect.Root>\n );\n },\n);\n\nconst WrappedSelect = React.forwardRef(\n (props: SelectProps, ref: ForwardedRef<HTMLSelectElement>) => (\n <Select selectRef={ref} {...props} />\n ),\n);\n\nWrappedSelect.displayName = \"Select\";\n\nexport { WrappedSelect as Select };\n"],"names":["SelectItemContent","item","onContrast","shouldTruncateText","size","jsxs","Fragment","jsx","Text","SelectTrigger","placeholder","placeholderElement","rest","select","useSelectContext","selectedItem","useMemo","CSelect.Trigger","CSelect.ValueText","Select","withFormControl","clearable","emptyPlaceholder","loading","options","selectRef","_computedVariant","collection","createListCollection","option","CSelect.Root","CSelect.HiddenSelect","CSelect.Control","CSelect.IndicatorGroup","CSelect.ClearTrigger","Button","Icon","Portal","CSelect.Positioner","CSelect.Content","Flex","Spinner","CSelect.Item","WrappedSelect","React","props","ref"],"mappings":"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"}

package/dist/chunks/{sortableList.component-DcjKdsDK.js → sortableList.component-C_kBtF5S.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("./vendor-D-x6W6ez.js"),c=require("react"),t=require("./dnd-4IMP_kRN.js"),v=require("./button.component-DDjwI0xh.js"),E=require("./text.component-CBa_saMP.js"),j=require("./chakra-DmF8Cxqs.js"),g=c.createContext({attributes:void 0,listeners:void 0,ref(){}}),R=({...n})=>{const{attributes:s,listeners:o,ref:d}=c.useContext(g),i=t.useDndContext();return e.jsxRuntimeExports.jsx(v.Button,{className:"SortableList__DragHandle","data-testid":"kibble-sortable-list-drag-handle",ref:d,cursor:i.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",...s,...o,...n})},S=({content:n,hideHandle:s,id:o,itemProps:d})=>{const{attributes:i,isDragging:x,listeners:a,setNodeRef:u,setActivatorNodeRef:b,transform:r,transition:l}=t.useSortable({id:o}),m=c.useMemo(()=>({attributes:i,listeners:a,ref:b}),[i,a,b]);return e.jsxRuntimeExports.jsx(g.Provider,{value:m,children:e.jsxRuntimeExports.jsx(j.ListItem,{className:"SortableList__Item","data-testid":"kibble-sortable-list-item",ref:u,...d,listStyleType:"none",...x&&{opacity:.4},transition:l,transform:t.CSS.Translate.toString(r),children:e.jsxRuntimeExports.jsxs(j.Flex,{alignItems:"center",gap:2,width:"100%",children:[!s&&e.jsxRuntimeExports.jsx(R,{}),typeof n=="string"?e.jsxRuntimeExports.jsx(E.WrappedText,{size:"sm",children:n}):n]})})})},h=({hideHandle:n=!1,items:s,itemsProps:o,onChange:d,...i})=>{const[x,a]=c.useState(null),u=c.useMemo(()=>s.find(r=>r.id===x?.id),[x,s]),b=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:t.sortableKeyboardCoordinates}));return e.jsxRuntimeExports.jsx(t.DndContext,{sensors:b,onDragStart:({active:r})=>{a(r)},onDragEnd:({active:r,over:l})=>{if(l&&r.id!==l?.id){const m=s.findIndex(({id:p})=>p===r.id),f=s.findIndex(({id:p})=>p===l.id);d(t.arrayMove(s,m,f))}a(null)},onDragCancel:()=>a(null),children:e.jsxRuntimeExports.jsx(t.SortableContext,{items:s,children:e.jsxRuntimeExports.jsxs(j.ListRoot,{className:"SortableList","data-testid":"kibble-sortable-list",gap:2,...i,children:[s.map(r=>e.jsxRuntimeExports.jsx(S,{...r,itemProps:o,hideHandle:n},r.id)),u&&e.jsxRuntimeExports.jsx(t.DragOverlay,{dropAnimation:C,children:e.jsxRuntimeExports.jsx(S,{...u,itemProps:o,hideHandle:n})})]})})})},C={sideEffects:t.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.4"}}})};exports.SortableList=h;
-//# sourceMappingURL=sortableList.component-DcjKdsDK.js.map
+"use strict";const e=require("./vendor-DcKGwQlH.js"),c=require("react"),t=require("./dnd-Whsk3gIz.js"),v=require("./button.component-DnWrqGc4.js"),E=require("./text.component-MDGpqA76.js"),j=require("./chakra-BHjfByoV.js"),g=c.createContext({attributes:void 0,listeners:void 0,ref(){}}),R=({...n})=>{const{attributes:s,listeners:o,ref:d}=c.useContext(g),i=t.useDndContext();return e.jsxRuntimeExports.jsx(v.Button,{className:"SortableList__DragHandle","data-testid":"kibble-sortable-list-drag-handle",ref:d,cursor:i.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",...s,...o,...n})},S=({content:n,hideHandle:s,id:o,itemProps:d})=>{const{attributes:i,isDragging:x,listeners:a,setNodeRef:u,setActivatorNodeRef:b,transform:r,transition:l}=t.useSortable({id:o}),m=c.useMemo(()=>({attributes:i,listeners:a,ref:b}),[i,a,b]);return e.jsxRuntimeExports.jsx(g.Provider,{value:m,children:e.jsxRuntimeExports.jsx(j.ListItem,{className:"SortableList__Item","data-testid":"kibble-sortable-list-item",ref:u,...d,listStyleType:"none",...x&&{opacity:.4},transition:l,transform:t.CSS.Translate.toString(r),children:e.jsxRuntimeExports.jsxs(j.Flex,{alignItems:"center",gap:2,width:"100%",children:[!s&&e.jsxRuntimeExports.jsx(R,{}),typeof n=="string"?e.jsxRuntimeExports.jsx(E.WrappedText,{size:"sm",children:n}):n]})})})},h=({hideHandle:n=!1,items:s,itemsProps:o,onChange:d,...i})=>{const[x,a]=c.useState(null),u=c.useMemo(()=>s.find(r=>r.id===x?.id),[x,s]),b=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:t.sortableKeyboardCoordinates}));return e.jsxRuntimeExports.jsx(t.DndContext,{sensors:b,onDragStart:({active:r})=>{a(r)},onDragEnd:({active:r,over:l})=>{if(l&&r.id!==l?.id){const m=s.findIndex(({id:p})=>p===r.id),f=s.findIndex(({id:p})=>p===l.id);d(t.arrayMove(s,m,f))}a(null)},onDragCancel:()=>a(null),children:e.jsxRuntimeExports.jsx(t.SortableContext,{items:s,children:e.jsxRuntimeExports.jsxs(j.ListRoot,{className:"SortableList","data-testid":"kibble-sortable-list",gap:2,...i,children:[s.map(r=>e.jsxRuntimeExports.jsx(S,{...r,itemProps:o,hideHandle:n},r.id)),u&&e.jsxRuntimeExports.jsx(t.DragOverlay,{dropAnimation:C,children:e.jsxRuntimeExports.jsx(S,{...u,itemProps:o,hideHandle:n})})]})})})},C={sideEffects:t.defaultDropAnimationSideEffects({styles:{active:{opacity:"0.4"}}})};exports.SortableList=h;
+//# sourceMappingURL=sortableList.component-C_kBtF5S.js.map

package/dist/chunks/{sortableList.component-DcjKdsDK.js.map → sortableList.component-C_kBtF5S.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sortableList.component-~~DcjKdsDK~~.js","sources":["../../src/components/SortableList/components/SortableListItem/sortableListItem.context.ts","../../src/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.tsx","../../src/components/SortableList/components/SortableListItem/sortableListItem.component.tsx","../../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import {\n DraggableAttributes,\n DraggableSyntheticListeners,\n} from \"@dnd-kit/core/dist/hooks/useDraggable\";\nimport { createContext } from \"react\";\n\ninterface Context {\n attributes?: DraggableAttributes;\n listeners: DraggableSyntheticListeners;\n ref(node: HTMLElement \| null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n attributes: undefined,\n listeners: undefined,\n ref() {},\n});\n","import React, { useContext } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { Button, ButtonProps } from \"../../../Button/button.component\";\nimport { SortableItemContext } from \"../SortableListItem/sortableListItem.context\";\n\nexport const SortableListDragHandle = ({\n ...rest\n}: ButtonProps): React.JSX.Element => {\n const { attributes, listeners, ref } = useContext(SortableItemContext);\n const dndContext = useDndContext();\n\n return (\n <Button\n className=\"SortableList__DragHandle\"\n data-testid=\"kibble-sortable-list-drag-handle\"\n ref={ref}\n cursor={dndContext.activatorEvent ? \"grabbing\" : \"grab\"}\n iconName=\"grid\"\n size=\"sm\"\n variant=\"ghostNeutral\"\n {...attributes}\n {...listeners}\n {...rest}\n />\n );\n};\n","import React, { useMemo } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport { UniqueIdentifier } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SortableItemContext } from \"./sortableListItem.context\";\nimport { SortableListDragHandle } from \"../SortableListDragHandle/sortableListDragHandle.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface SortableListItemProps {\n content: React.ReactNode;\n id: UniqueIdentifier;\n}\n\ninterface InternalSortableListItemProps extends SortableListItemProps {\n hideHandle?: boolean;\n itemProps?: Omit<List.ItemProps, \"id\" \| \"content\">;\n}\n\nexport const SortableListItem = ({\n content,\n hideHandle,\n id,\n itemProps,\n}: InternalSortableListItemProps): React.JSX.Element => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n setActivatorNodeRef,\n transform,\n transition,\n } = useSortable({\n id,\n });\n\n const context = useMemo(\n () => ({\n attributes,\n listeners,\n ref: setActivatorNodeRef,\n }),\n [attributes, listeners, setActivatorNodeRef],\n );\n\n return (\n <SortableItemContext.Provider value={context}>\n <List.Item\n className=\"SortableList__Item\"\n data-testid=\"kibble-sortable-list-item\"\n ref={setNodeRef}\n {...itemProps}\n listStyleType=\"none\"\n {...(isDragging && { opacity: 0.4 })}\n transition={transition}\n transform={CSS.Translate.toString(transform)}\n >\n <Flex alignItems=\"center\" gap={2} width=\"100%\">\n {!hideHandle && <SortableListDragHandle />}\n {typeof content === \"string\" ? (\n <Text size=\"sm\">{content}</Text>\n ) : (\n content\n )}\n </Flex>\n </List.Item>\n </SortableItemContext.Provider>\n );\n};\n","import React, { useMemo, useState } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport {\n defaultDropAnimationSideEffects,\n DndContext,\n DragOverlay,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type { Active, DropAnimation } from \"@dnd-kit/core\";\nimport {\n SortableContext,\n arrayMove,\n sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableListItem,\n SortableListItemProps,\n} from \"./components/SortableListItem/sortableListItem.component\";\n\nexport interface SortableListProps extends Omit<List.RootProps, \"onChange\"> {\n hideHandle?: boolean;\n items: SortableListItemProps[];\n itemsProps?: Omit<List.ItemProps, \"id\" \| \"content\">;\n onChange(items: SortableListItemProps[]): void;\n}\n\nexport const SortableList = ({\n hideHandle = false,\n items,\n itemsProps,\n onChange,\n ...rest\n}: SortableListProps): React.JSX.Element => {\n const [active, setActive] = useState<Active \| null>(null);\n const activeItem = useMemo(\n () => items.find((item) => item.id === active?.id),\n [active, items],\n );\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n return (\n <DndContext\n sensors={sensors}\n onDragStart={({ active }): void => {\n setActive(active);\n }}\n onDragEnd={({ active, over }): void => {\n if (over && active.id !== over?.id) {\n const activeIndex = items.findIndex(({ id }) => id === active.id);\n const overIndex = items.findIndex(({ id }) => id === over.id);\n\n onChange(arrayMove(items, activeIndex, overIndex));\n }\n setActive(null);\n }}\n onDragCancel={(): void => setActive(null)}\n >\n <SortableContext items={items}>\n <List.Root\n className=\"SortableList\"\n data-testid=\"kibble-sortable-list\"\n gap={2}\n {...rest}\n >\n {items.map((item) => (\n <SortableListItem\n key={item.id}\n {...item}\n itemProps={itemsProps}\n hideHandle={hideHandle}\n />\n ))}\n\n {activeItem && (\n <DragOverlay dropAnimation={dropAnimationConfig}>\n <SortableListItem\n {...activeItem}\n itemProps={itemsProps}\n hideHandle={hideHandle}\n />\n </DragOverlay>\n )}\n </List.Root>\n </SortableContext>\n </DndContext>\n );\n};\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.4\",\n },\n },\n }),\n};\n"],"names":["SortableItemContext","createContext","SortableListDragHandle","rest","attributes","listeners","ref","useContext","dndContext","useDndContext","jsx","Button","SortableListItem","content","hideHandle","id","itemProps","isDragging","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","context","useMemo","List.Item","CSS","Flex","Text","SortableList","items","itemsProps","onChange","active","setActive","useState","activeItem","item","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","over","activeIndex","overIndex","arrayMove","SortableContext","jsxs","List.Root","DragOverlay","dropAnimationConfig","defaultDropAnimationSideEffects"],"mappings":"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"}
1	+ {"version":3,"file":"sortableList.component-C_kBtF5S.js","sources":["../../src/components/SortableList/components/SortableListItem/sortableListItem.context.ts","../../src/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.tsx","../../src/components/SortableList/components/SortableListItem/sortableListItem.component.tsx","../../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import {\n DraggableAttributes,\n DraggableSyntheticListeners,\n} from \"@dnd-kit/core/dist/hooks/useDraggable\";\nimport { createContext } from \"react\";\n\ninterface Context {\n attributes?: DraggableAttributes;\n listeners: DraggableSyntheticListeners;\n ref(node: HTMLElement \| null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n attributes: undefined,\n listeners: undefined,\n ref() {},\n});\n","import React, { useContext } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { Button, ButtonProps } from \"../../../Button/button.component\";\nimport { SortableItemContext } from \"../SortableListItem/sortableListItem.context\";\n\nexport const SortableListDragHandle = ({\n ...rest\n}: ButtonProps): React.JSX.Element => {\n const { attributes, listeners, ref } = useContext(SortableItemContext);\n const dndContext = useDndContext();\n\n return (\n <Button\n className=\"SortableList__DragHandle\"\n data-testid=\"kibble-sortable-list-drag-handle\"\n ref={ref}\n cursor={dndContext.activatorEvent ? \"grabbing\" : \"grab\"}\n iconName=\"grid\"\n size=\"sm\"\n variant=\"ghostNeutral\"\n {...attributes}\n {...listeners}\n {...rest}\n />\n );\n};\n","import React, { useMemo } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport { UniqueIdentifier } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SortableItemContext } from \"./sortableListItem.context\";\nimport { SortableListDragHandle } from \"../SortableListDragHandle/sortableListDragHandle.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface SortableListItemProps {\n content: React.ReactNode;\n id: UniqueIdentifier;\n}\n\ninterface InternalSortableListItemProps extends SortableListItemProps {\n hideHandle?: boolean;\n itemProps?: Omit<List.ItemProps, \"id\" \| \"content\">;\n}\n\nexport const SortableListItem = ({\n content,\n hideHandle,\n id,\n itemProps,\n}: InternalSortableListItemProps): React.JSX.Element => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n setActivatorNodeRef,\n transform,\n transition,\n } = useSortable({\n id,\n });\n\n const context = useMemo(\n () => ({\n attributes,\n listeners,\n ref: setActivatorNodeRef,\n }),\n [attributes, listeners, setActivatorNodeRef],\n );\n\n return (\n <SortableItemContext.Provider value={context}>\n <List.Item\n className=\"SortableList__Item\"\n data-testid=\"kibble-sortable-list-item\"\n ref={setNodeRef}\n {...itemProps}\n listStyleType=\"none\"\n {...(isDragging && { opacity: 0.4 })}\n transition={transition}\n transform={CSS.Translate.toString(transform)}\n >\n <Flex alignItems=\"center\" gap={2} width=\"100%\">\n {!hideHandle && <SortableListDragHandle />}\n {typeof content === \"string\" ? (\n <Text size=\"sm\">{content}</Text>\n ) : (\n content\n )}\n </Flex>\n </List.Item>\n </SortableItemContext.Provider>\n );\n};\n","import React, { useMemo, useState } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport {\n defaultDropAnimationSideEffects,\n DndContext,\n DragOverlay,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type { Active, DropAnimation } from \"@dnd-kit/core\";\nimport {\n SortableContext,\n arrayMove,\n sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableListItem,\n SortableListItemProps,\n} from \"./components/SortableListItem/sortableListItem.component\";\n\nexport interface SortableListProps extends Omit<List.RootProps, \"onChange\"> {\n hideHandle?: boolean;\n items: SortableListItemProps[];\n itemsProps?: Omit<List.ItemProps, \"id\" \| \"content\">;\n onChange(items: SortableListItemProps[]): void;\n}\n\nexport const SortableList = ({\n hideHandle = false,\n items,\n itemsProps,\n onChange,\n ...rest\n}: SortableListProps): React.JSX.Element => {\n const [active, setActive] = useState<Active \| null>(null);\n const activeItem = useMemo(\n () => items.find((item) => item.id === active?.id),\n [active, items],\n );\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n return (\n <DndContext\n sensors={sensors}\n onDragStart={({ active }): void => {\n setActive(active);\n }}\n onDragEnd={({ active, over }): void => {\n if (over && active.id !== over?.id) {\n const activeIndex = items.findIndex(({ id }) => id === active.id);\n const overIndex = items.findIndex(({ id }) => id === over.id);\n\n onChange(arrayMove(items, activeIndex, overIndex));\n }\n setActive(null);\n }}\n onDragCancel={(): void => setActive(null)}\n >\n <SortableContext items={items}>\n <List.Root\n className=\"SortableList\"\n data-testid=\"kibble-sortable-list\"\n gap={2}\n {...rest}\n >\n {items.map((item) => (\n <SortableListItem\n key={item.id}\n {...item}\n itemProps={itemsProps}\n hideHandle={hideHandle}\n />\n ))}\n\n {activeItem && (\n <DragOverlay dropAnimation={dropAnimationConfig}>\n <SortableListItem\n {...activeItem}\n itemProps={itemsProps}\n hideHandle={hideHandle}\n />\n </DragOverlay>\n )}\n </List.Root>\n </SortableContext>\n </DndContext>\n );\n};\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.4\",\n },\n },\n }),\n};\n"],"names":["SortableItemContext","createContext","SortableListDragHandle","rest","attributes","listeners","ref","useContext","dndContext","useDndContext","jsx","Button","SortableListItem","content","hideHandle","id","itemProps","isDragging","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","context","useMemo","List.Item","CSS","Flex","Text","SortableList","items","itemsProps","onChange","active","setActive","useState","activeItem","item","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","over","activeIndex","overIndex","arrayMove","SortableContext","jsxs","List.Root","DragOverlay","dropAnimationConfig","defaultDropAnimationSideEffects"],"mappings":"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"}

package/dist/chunks/{sortableList.component-_DXfCTac.js → sortableList.component-Cf0JaJ_t.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { x as t } from "./vendor-BBfll6i3.js";
+import { x as t } from "./vendor-CRIhG-7s.js";
 import { createContext as v, useContext as j, useMemo as S, useState as C } from "react";
-import { u as D, a as h, C as y, b as I, c as m, D as L, S as N, d as A, e as E, f as P, s as R, K as _, P as k } from "./dnd-DDR6viHX.js";
-import { B as K } from "./button.component-CA9bIFbq.js";
-import { W as T } from "./text.component-XYjOAc2s.js";
-import { aC as z, F as B, aD as F } from "./chakra-BqBkjpvZ.js";
+import { u as D, a as h, C as y, b as I, c as m, D as L, S as N, d as A, e as E, f as P, s as R, K as _, P as k } from "./dnd-B2xPQNV1.js";
+import { B as z } from "./button.component-BZEZZa7D.js";
+import { W as K } from "./text.component-B1g7jaUt.js";
+import { bz as T, F as B, bA as F } from "./chakra-DEgvQPwa.js";
 const g = v({
   attributes: void 0,
   listeners: void 0,
@@ -14,7 +14,7 @@ const g = v({
 }) => {
   const { attributes: e, listeners: r, ref: i } = j(g), o = D();
   return /* @__PURE__ */ t.jsx(
-    K,
+    z,
     {
       className: "SortableList__DragHandle",
       "data-testid": "kibble-sortable-list-drag-handle",
@@ -39,21 +39,21 @@ const g = v({
     isDragging: l,
     listeners: n,
     setNodeRef: c,
-    setActivatorNodeRef: x,
+    setActivatorNodeRef: b,
     transform: s,
     transition: d
   } = h({
     id: r
-  }), b = S(
+  }), x = S(
     () => ({
       attributes: o,
       listeners: n,
-      ref: x
+      ref: b
     }),
-    [o, n, x]
+    [o, n, b]
   );
-  return /* @__PURE__ */ t.jsx(g.Provider, { value: b, children: /* @__PURE__ */ t.jsx(
-    z,
+  return /* @__PURE__ */ t.jsx(g.Provider, { value: x, children: /* @__PURE__ */ t.jsx(
+    T,
     {
       className: "SortableList__Item",
       "data-testid": "kibble-sortable-list-item",
@@ -65,7 +65,7 @@ const g = v({
       transform: y.Translate.toString(s),
       children: /* @__PURE__ */ t.jsxs(B, { alignItems: "center", gap: 2, width: "100%", children: [
         !e && /* @__PURE__ */ t.jsx(M, {}),
-        typeof a == "string" ? /* @__PURE__ */ t.jsx(T, { size: "sm", children: a }) : a
+        typeof a == "string" ? /* @__PURE__ */ t.jsx(K, { size: "sm", children: a }) : a
       ] })
     }
   ) });
@@ -79,7 +79,7 @@ const g = v({
   const [l, n] = C(null), c = S(
     () => e.find((s) => s.id === l?.id),
     [l, e]
-  ), x = I(
+  ), b = I(
     m(k),
     m(_, {
       coordinateGetter: R
@@ -88,14 +88,14 @@ const g = v({
   return /* @__PURE__ */ t.jsx(
     L,
     {
-      sensors: x,
+      sensors: b,
       onDragStart: ({ active: s }) => {
         n(s);
       },
       onDragEnd: ({ active: s, over: d }) => {
         if (d && s.id !== d?.id) {
-          const b = e.findIndex(({ id: f }) => f === s.id), p = e.findIndex(({ id: f }) => f === d.id);
-          i(P(e, b, p));
+          const x = e.findIndex(({ id: f }) => f === s.id), p = e.findIndex(({ id: f }) => f === d.id);
+          i(P(e, x, p));
         }
         n(null);
       },
@@ -142,4 +142,4 @@ const g = v({
 export {
   Q as S
 };
-//# sourceMappingURL=sortableList.component-_DXfCTac.js.map
+//# sourceMappingURL=sortableList.component-Cf0JaJ_t.js.map

package/dist/chunks/{sortableList.component-_DXfCTac.js.map → sortableList.component-Cf0JaJ_t.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sortableList.component-_DXfCTac.js","sources":["../../src/components/SortableList/components/SortableListItem/sortableListItem.context.ts","../../src/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.tsx","../../src/components/SortableList/components/SortableListItem/sortableListItem.component.tsx","../../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import {\n DraggableAttributes,\n DraggableSyntheticListeners,\n} from \"@dnd-kit/core/dist/hooks/useDraggable\";\nimport { createContext } from \"react\";\n\ninterface Context {\n attributes?: DraggableAttributes;\n listeners: DraggableSyntheticListeners;\n ref(node: HTMLElement \| null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n attributes: undefined,\n listeners: undefined,\n ref() {},\n});\n","import React, { useContext } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { Button, ButtonProps } from \"../../../Button/button.component\";\nimport { SortableItemContext } from \"../SortableListItem/sortableListItem.context\";\n\nexport const SortableListDragHandle = ({\n ...rest\n}: ButtonProps): React.JSX.Element => {\n const { attributes, listeners, ref } = useContext(SortableItemContext);\n const dndContext = useDndContext();\n\n return (\n <Button\n className=\"SortableList__DragHandle\"\n data-testid=\"kibble-sortable-list-drag-handle\"\n ref={ref}\n cursor={dndContext.activatorEvent ? \"grabbing\" : \"grab\"}\n iconName=\"grid\"\n size=\"sm\"\n variant=\"ghostNeutral\"\n {...attributes}\n {...listeners}\n {...rest}\n />\n );\n};\n","import React, { useMemo } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport { UniqueIdentifier } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SortableItemContext } from \"./sortableListItem.context\";\nimport { SortableListDragHandle } from \"../SortableListDragHandle/sortableListDragHandle.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface SortableListItemProps {\n content: React.ReactNode;\n id: UniqueIdentifier;\n}\n\ninterface InternalSortableListItemProps extends SortableListItemProps {\n hideHandle?: boolean;\n itemProps?: Omit<List.ItemProps, \"id\" \| \"content\">;\n}\n\nexport const SortableListItem = ({\n content,\n hideHandle,\n id,\n itemProps,\n}: InternalSortableListItemProps): React.JSX.Element => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n setActivatorNodeRef,\n transform,\n transition,\n } = useSortable({\n id,\n });\n\n const context = useMemo(\n () => ({\n attributes,\n listeners,\n ref: setActivatorNodeRef,\n }),\n [attributes, listeners, setActivatorNodeRef],\n );\n\n return (\n <SortableItemContext.Provider value={context}>\n <List.Item\n className=\"SortableList__Item\"\n data-testid=\"kibble-sortable-list-item\"\n ref={setNodeRef}\n {...itemProps}\n listStyleType=\"none\"\n {...(isDragging && { opacity: 0.4 })}\n transition={transition}\n transform={CSS.Translate.toString(transform)}\n >\n <Flex alignItems=\"center\" gap={2} width=\"100%\">\n {!hideHandle && <SortableListDragHandle />}\n {typeof content === \"string\" ? (\n <Text size=\"sm\">{content}</Text>\n ) : (\n content\n )}\n </Flex>\n </List.Item>\n </SortableItemContext.Provider>\n );\n};\n","import React, { useMemo, useState } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport {\n defaultDropAnimationSideEffects,\n DndContext,\n DragOverlay,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type { Active, DropAnimation } from \"@dnd-kit/core\";\nimport {\n SortableContext,\n arrayMove,\n sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableListItem,\n SortableListItemProps,\n} from \"./components/SortableListItem/sortableListItem.component\";\n\nexport interface SortableListProps extends Omit<List.RootProps, \"onChange\"> {\n hideHandle?: boolean;\n items: SortableListItemProps[];\n itemsProps?: Omit<List.ItemProps, \"id\" \| \"content\">;\n onChange(items: SortableListItemProps[]): void;\n}\n\nexport const SortableList = ({\n hideHandle = false,\n items,\n itemsProps,\n onChange,\n ...rest\n}: SortableListProps): React.JSX.Element => {\n const [active, setActive] = useState<Active \| null>(null);\n const activeItem = useMemo(\n () => items.find((item) => item.id === active?.id),\n [active, items],\n );\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n return (\n <DndContext\n sensors={sensors}\n onDragStart={({ active }): void => {\n setActive(active);\n }}\n onDragEnd={({ active, over }): void => {\n if (over && active.id !== over?.id) {\n const activeIndex = items.findIndex(({ id }) => id === active.id);\n const overIndex = items.findIndex(({ id }) => id === over.id);\n\n onChange(arrayMove(items, activeIndex, overIndex));\n }\n setActive(null);\n }}\n onDragCancel={(): void => setActive(null)}\n >\n <SortableContext items={items}>\n <List.Root\n className=\"SortableList\"\n data-testid=\"kibble-sortable-list\"\n gap={2}\n {...rest}\n >\n {items.map((item) => (\n <SortableListItem\n key={item.id}\n {...item}\n itemProps={itemsProps}\n hideHandle={hideHandle}\n />\n ))}\n\n {activeItem && (\n <DragOverlay dropAnimation={dropAnimationConfig}>\n <SortableListItem\n {...activeItem}\n itemProps={itemsProps}\n hideHandle={hideHandle}\n />\n </DragOverlay>\n )}\n </List.Root>\n </SortableContext>\n </DndContext>\n );\n};\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.4\",\n },\n },\n }),\n};\n"],"names":["SortableItemContext","createContext","SortableListDragHandle","rest","attributes","listeners","ref","useContext","dndContext","useDndContext","jsx","Button","SortableListItem","content","hideHandle","id","itemProps","isDragging","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","context","useMemo","List.Item","CSS","Flex","Text","SortableList","items","itemsProps","onChange","active","setActive","useState","activeItem","item","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","over","activeIndex","overIndex","arrayMove","SortableContext","jsxs","List.Root","DragOverlay","dropAnimationConfig","defaultDropAnimationSideEffects"],"mappings":";;;;;;AAYO,MAAMA,IAAsBC,EAAuB;AAAA,EACxD,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EAAA;AACR,CAAC,GCVYC,IAAyB,CAAC;AAAA,EACrC,GAAGC;AACL,MAAsC;AACpC,QAAM,EAAE,YAAAC,GAAY,WAAAC,GAAW,KAAAC,EAAI,IAAIC,EAAWP,CAAmB,GAC/DQ,IAAaC,EAAc;AAG/B,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAAL;AAAA,MACA,QAAQE,EAAW,iBAAiB,aAAa;AAAA,MACjD,UAAS;AAAA,MACT,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAGJ;AAAA,MACH,GAAGC;AAAA,MACH,GAAGF;AAAA,IAAA;AAAA,EACN;AAEJ,GCNaS,IAAmB,CAAC;AAAA,EAC/B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AACF,MAAwD;AAChD,QAAA;AAAA,IACJ,YAAAZ;AAAA,IACA,YAAAa;AAAA,IACA,WAAAZ;AAAA,IACA,YAAAa;AAAA,IACA,qBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,MACEC,EAAY;AAAA,IACd,IAAAP;AAAA,EAAA,CACD,GAEKQ,IAAUC;AAAA,IACd,OAAO;AAAA,MACL,YAAApB;AAAA,MACA,WAAAC;AAAA,MACA,KAAKc;AAAA,IAAA;AAAA,IAEP,CAACf,GAAYC,GAAWc,CAAmB;AAAA,EAC7C;AAEA,SACGT,gBAAAA,EAAAA,IAAAV,EAAoB,UAApB,EAA6B,OAAOuB,GACnC,UAAAb,gBAAAA,EAAA;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,KAAKP;AAAA,MACJ,GAAGF;AAAA,MACJ,eAAc;AAAA,MACb,GAAIC,KAAc,EAAE,SAAS,IAAI;AAAA,MAClC,YAAAI;AAAA,MACA,WAAWK,EAAI,UAAU,SAASN,CAAS;AAAA,MAE3C,iCAACO,GAAK,EAAA,YAAW,UAAS,KAAK,GAAG,OAAM,QACrC,UAAA;AAAA,QAAC,CAAAb,2BAAeZ,GAAuB,EAAA;AAAA,QACvC,OAAOW,KAAY,WAClBH,gBAAAA,EAAAA,IAACkB,KAAK,MAAK,MAAM,aAAQ,IAEzBf;AAAA,MAAA,EAEJ,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,GCzCagB,IAAe,CAAC;AAAA,EAC3B,YAAAf,IAAa;AAAA,EACb,OAAAgB;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAG7B;AACL,MAA4C;AAC1C,QAAM,CAAC8B,GAAQC,CAAS,IAAIC,EAAwB,IAAI,GAClDC,IAAaZ;AAAA,IACjB,MAAMM,EAAM,KAAK,CAACO,MAASA,EAAK,OAAOJ,GAAQ,EAAE;AAAA,IACjD,CAACA,GAAQH,CAAK;AAAA,EAChB,GACMQ,IAAUC;AAAA,IACdC,EAAUC,CAAa;AAAA,IACvBD,EAAUE,GAAgB;AAAA,MACxB,kBAAkBC;AAAA,IACnB,CAAA;AAAA,EACH;AAGE,SAAAjC,gBAAAA,EAAA;AAAA,IAACkC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,aAAa,CAAC,EAAE,QAAAL,QAAmB;AACjC,QAAAC,EAAUD,CAAM;AAAA,MAClB;AAAA,MACA,WAAW,CAAC,EAAE,QAAAA,GAAQ,MAAAY,QAAiB;AACrC,YAAIA,KAAQZ,EAAO,OAAOY,GAAM,IAAI;AAC5B,gBAAAC,IAAchB,EAAM,UAAU,CAAC,EAAE,IAAAf,QAASA,MAAOkB,EAAO,EAAE,GAC1Dc,IAAYjB,EAAM,UAAU,CAAC,EAAE,IAAAf,QAASA,MAAO8B,EAAK,EAAE;AAE5D,UAAAb,EAASgB,EAAUlB,GAAOgB,GAAaC,CAAS,CAAC;AAAA,QAAA;AAEnD,QAAAb,EAAU,IAAI;AAAA,MAChB;AAAA,MACA,cAAc,MAAYA,EAAU,IAAI;AAAA,MAExC,UAAAxB,gBAAAA,EAAAA,IAACuC,KAAgB,OAAAnB,GACf,UAAAoB,gBAAAA,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,KAAK;AAAA,UACJ,GAAGhD;AAAA,UAEH,UAAA;AAAA,YAAM2B,EAAA,IAAI,CAACO,MACV3B,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBAEE,GAAGyB;AAAA,gBACJ,WAAWN;AAAA,gBACX,YAAAjB;AAAA,cAAA;AAAA,cAHKuB,EAAK;AAAA,YAAA,CAKb;AAAA,YAEAD,KACC1B,gBAAAA,EAAA,IAAC0C,GAAY,EAAA,eAAeC,GAC1B,UAAA3C,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACE,GAAGwB;AAAA,gBACJ,WAAWL;AAAA,gBACX,YAAAjB;AAAA,cAAA;AAAA,YAAA,EAEJ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ,GAEMuC,IAAqC;AAAA,EACzC,aAAaC,EAAgC;AAAA,IAC3C,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EAEH,CAAA;AACH;"}
1	+ {"version":3,"file":"sortableList.component-Cf0JaJ_t.js","sources":["../../src/components/SortableList/components/SortableListItem/sortableListItem.context.ts","../../src/components/SortableList/components/SortableListDragHandle/sortableListDragHandle.component.tsx","../../src/components/SortableList/components/SortableListItem/sortableListItem.component.tsx","../../src/components/SortableList/sortableList.component.tsx"],"sourcesContent":["import {\n DraggableAttributes,\n DraggableSyntheticListeners,\n} from \"@dnd-kit/core/dist/hooks/useDraggable\";\nimport { createContext } from \"react\";\n\ninterface Context {\n attributes?: DraggableAttributes;\n listeners: DraggableSyntheticListeners;\n ref(node: HTMLElement \| null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n attributes: undefined,\n listeners: undefined,\n ref() {},\n});\n","import React, { useContext } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { Button, ButtonProps } from \"../../../Button/button.component\";\nimport { SortableItemContext } from \"../SortableListItem/sortableListItem.context\";\n\nexport const SortableListDragHandle = ({\n ...rest\n}: ButtonProps): React.JSX.Element => {\n const { attributes, listeners, ref } = useContext(SortableItemContext);\n const dndContext = useDndContext();\n\n return (\n <Button\n className=\"SortableList__DragHandle\"\n data-testid=\"kibble-sortable-list-drag-handle\"\n ref={ref}\n cursor={dndContext.activatorEvent ? \"grabbing\" : \"grab\"}\n iconName=\"grid\"\n size=\"sm\"\n variant=\"ghostNeutral\"\n {...attributes}\n {...listeners}\n {...rest}\n />\n );\n};\n","import React, { useMemo } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport { UniqueIdentifier } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { SortableItemContext } from \"./sortableListItem.context\";\nimport { SortableListDragHandle } from \"../SortableListDragHandle/sortableListDragHandle.component\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Text } from \"components/Text/text.component\";\n\nexport interface SortableListItemProps {\n content: React.ReactNode;\n id: UniqueIdentifier;\n}\n\ninterface InternalSortableListItemProps extends SortableListItemProps {\n hideHandle?: boolean;\n itemProps?: Omit<List.ItemProps, \"id\" \| \"content\">;\n}\n\nexport const SortableListItem = ({\n content,\n hideHandle,\n id,\n itemProps,\n}: InternalSortableListItemProps): React.JSX.Element => {\n const {\n attributes,\n isDragging,\n listeners,\n setNodeRef,\n setActivatorNodeRef,\n transform,\n transition,\n } = useSortable({\n id,\n });\n\n const context = useMemo(\n () => ({\n attributes,\n listeners,\n ref: setActivatorNodeRef,\n }),\n [attributes, listeners, setActivatorNodeRef],\n );\n\n return (\n <SortableItemContext.Provider value={context}>\n <List.Item\n className=\"SortableList__Item\"\n data-testid=\"kibble-sortable-list-item\"\n ref={setNodeRef}\n {...itemProps}\n listStyleType=\"none\"\n {...(isDragging && { opacity: 0.4 })}\n transition={transition}\n transform={CSS.Translate.toString(transform)}\n >\n <Flex alignItems=\"center\" gap={2} width=\"100%\">\n {!hideHandle && <SortableListDragHandle />}\n {typeof content === \"string\" ? (\n <Text size=\"sm\">{content}</Text>\n ) : (\n content\n )}\n </Flex>\n </List.Item>\n </SortableItemContext.Provider>\n );\n};\n","import React, { useMemo, useState } from \"react\";\nimport { List } from \"@chakra-ui/react/list\";\nimport {\n defaultDropAnimationSideEffects,\n DndContext,\n DragOverlay,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\";\nimport type { Active, DropAnimation } from \"@dnd-kit/core\";\nimport {\n SortableContext,\n arrayMove,\n sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport {\n SortableListItem,\n SortableListItemProps,\n} from \"./components/SortableListItem/sortableListItem.component\";\n\nexport interface SortableListProps extends Omit<List.RootProps, \"onChange\"> {\n hideHandle?: boolean;\n items: SortableListItemProps[];\n itemsProps?: Omit<List.ItemProps, \"id\" \| \"content\">;\n onChange(items: SortableListItemProps[]): void;\n}\n\nexport const SortableList = ({\n hideHandle = false,\n items,\n itemsProps,\n onChange,\n ...rest\n}: SortableListProps): React.JSX.Element => {\n const [active, setActive] = useState<Active \| null>(null);\n const activeItem = useMemo(\n () => items.find((item) => item.id === active?.id),\n [active, items],\n );\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n );\n\n return (\n <DndContext\n sensors={sensors}\n onDragStart={({ active }): void => {\n setActive(active);\n }}\n onDragEnd={({ active, over }): void => {\n if (over && active.id !== over?.id) {\n const activeIndex = items.findIndex(({ id }) => id === active.id);\n const overIndex = items.findIndex(({ id }) => id === over.id);\n\n onChange(arrayMove(items, activeIndex, overIndex));\n }\n setActive(null);\n }}\n onDragCancel={(): void => setActive(null)}\n >\n <SortableContext items={items}>\n <List.Root\n className=\"SortableList\"\n data-testid=\"kibble-sortable-list\"\n gap={2}\n {...rest}\n >\n {items.map((item) => (\n <SortableListItem\n key={item.id}\n {...item}\n itemProps={itemsProps}\n hideHandle={hideHandle}\n />\n ))}\n\n {activeItem && (\n <DragOverlay dropAnimation={dropAnimationConfig}>\n <SortableListItem\n {...activeItem}\n itemProps={itemsProps}\n hideHandle={hideHandle}\n />\n </DragOverlay>\n )}\n </List.Root>\n </SortableContext>\n </DndContext>\n );\n};\n\nconst dropAnimationConfig: DropAnimation = {\n sideEffects: defaultDropAnimationSideEffects({\n styles: {\n active: {\n opacity: \"0.4\",\n },\n },\n }),\n};\n"],"names":["SortableItemContext","createContext","SortableListDragHandle","rest","attributes","listeners","ref","useContext","dndContext","useDndContext","jsx","Button","SortableListItem","content","hideHandle","id","itemProps","isDragging","setNodeRef","setActivatorNodeRef","transform","transition","useSortable","context","useMemo","List.Item","CSS","Flex","Text","SortableList","items","itemsProps","onChange","active","setActive","useState","activeItem","item","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","over","activeIndex","overIndex","arrayMove","SortableContext","jsxs","List.Root","DragOverlay","dropAnimationConfig","defaultDropAnimationSideEffects"],"mappings":"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"}

package/dist/chunks/{spinner.component-CUuidnSK.js → spinner.component-BSDKzlvm.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const r=require("./vendor-D-x6W6ez.js"),c=require("./text.component-CBa_saMP.js"),n=require("./typography-CtiaGoJG.js"),e=require("./chakra-DmF8Cxqs.js"),S=["root","spinner","label"],d={xs:{spinner:{h:3,w:3},label:{fontSize:"xs"}},sm:{spinner:{h:4,w:4},label:{fontSize:"sm"}},md:{spinner:{h:6,w:6,"--spinner-size":6},label:{fontSize:"md"}},lg:{spinner:{h:8,w:8},label:{fontSize:"lg"}},xl:{spinner:{h:12,w:12},label:{fontSize:"xl"}}},h={accent:{spinner:n.typographyVariantStyles.accent},accentSubtle:{spinner:n.typographyVariantStyles.accentSubtle},brand:{spinner:n.typographyVariantStyles.brand},brandOnContrast:{spinner:n.typographyVariantStyles.brandOnContrast},danger:{spinner:n.typographyVariantStyles.danger},dangerOnContrast:{spinner:n.typographyVariantStyles.dangerOnContrast},default:{spinner:n.typographyVariantStyles.default},info:{spinner:n.typographyVariantStyles.info},interactive:{spinner:n.typographyVariantStyles.interactive},interactiveOnContrast:{spinner:n.typographyVariantStyles.interactiveOnContrast},onContrast:{spinner:n.typographyVariantStyles.onContrast},placeholder:{spinner:n.typographyVariantStyles.placeholder},placeholderOnContrast:{spinner:n.typographyVariantStyles.placeholderOnContrast},subtle:{spinner:n.typographyVariantStyles.subtle},subtleOnContrast:{spinner:n.typographyVariantStyles.subtleOnContrast},success:{spinner:n.typographyVariantStyles.success},warning:{spinner:n.typographyVariantStyles.warning}},g=e.defineSlotRecipe({slots:S,base:{root:{alignItems:"center",justifyContent:"center"}},variants:{variant:h,size:d,fullScreen:{true:{root:{h:"100%",left:0,top:0,position:"absolute",w:"100%",zIndex:"tooltipExtra"}},false:{root:{h:"max-content",w:"max-content"}}}},defaultVariants:{fullScreen:!1,size:"md",variant:"brand"}}),b=({backdropColor:s="background.alpha.pressed",fullScreen:a=!1,label:i="Loading...",labelProps:p,showLabel:o=!1,size:l="md",variant:y="accent"})=>{const t=e.useSlotRecipe({recipe:g})({variant:y,size:l,fullScreen:a});return r.jsxRuntimeExports.jsxs(e.VStack,{className:"Spinner","data-testid":"kibble-spinner",css:t.root,...a&&{bg:s},children:[r.jsxRuntimeExports.jsx(e.Spinner,{css:t.spinner}),o&&r.jsxRuntimeExports.jsx(c.WrappedText,{as:"p",className:"Spinner__Label","data-testid":"kibble-spinner-label",variant:"subtle",css:t.label,...p,children:i})]})};exports.Spinner=b;
-//# sourceMappingURL=spinner.component-CUuidnSK.js.map
+"use strict";const r=require("./vendor-DcKGwQlH.js"),c=require("./text.component-MDGpqA76.js"),n=require("./typography-CtiaGoJG.js"),e=require("./chakra-BHjfByoV.js"),S=["root","spinner","label"],d={xs:{spinner:{h:3,w:3},label:{fontSize:"xs"}},sm:{spinner:{h:4,w:4},label:{fontSize:"sm"}},md:{spinner:{h:6,w:6,"--spinner-size":6},label:{fontSize:"md"}},lg:{spinner:{h:8,w:8},label:{fontSize:"lg"}},xl:{spinner:{h:12,w:12},label:{fontSize:"xl"}}},h={accent:{spinner:n.typographyVariantStyles.accent},accentSubtle:{spinner:n.typographyVariantStyles.accentSubtle},brand:{spinner:n.typographyVariantStyles.brand},brandOnContrast:{spinner:n.typographyVariantStyles.brandOnContrast},danger:{spinner:n.typographyVariantStyles.danger},dangerOnContrast:{spinner:n.typographyVariantStyles.dangerOnContrast},default:{spinner:n.typographyVariantStyles.default},info:{spinner:n.typographyVariantStyles.info},interactive:{spinner:n.typographyVariantStyles.interactive},interactiveOnContrast:{spinner:n.typographyVariantStyles.interactiveOnContrast},onContrast:{spinner:n.typographyVariantStyles.onContrast},placeholder:{spinner:n.typographyVariantStyles.placeholder},placeholderOnContrast:{spinner:n.typographyVariantStyles.placeholderOnContrast},subtle:{spinner:n.typographyVariantStyles.subtle},subtleOnContrast:{spinner:n.typographyVariantStyles.subtleOnContrast},success:{spinner:n.typographyVariantStyles.success},warning:{spinner:n.typographyVariantStyles.warning}},g=e.defineSlotRecipe({slots:S,base:{root:{alignItems:"center",justifyContent:"center"}},variants:{variant:h,size:d,fullScreen:{true:{root:{h:"100%",left:0,top:0,position:"absolute",w:"100%",zIndex:"tooltipExtra"}},false:{root:{h:"max-content",w:"max-content"}}}},defaultVariants:{fullScreen:!1,size:"md",variant:"brand"}}),b=({backdropColor:s="background.alpha.pressed",fullScreen:a=!1,label:i="Loading...",labelProps:p,showLabel:o=!1,size:l="md",variant:y="accent"})=>{const t=e.useSlotRecipe({recipe:g})({variant:y,size:l,fullScreen:a});return r.jsxRuntimeExports.jsxs(e.VStack,{className:"Spinner","data-testid":"kibble-spinner",css:t.root,...a&&{bg:s},children:[r.jsxRuntimeExports.jsx(e.Spinner,{css:t.spinner}),o&&r.jsxRuntimeExports.jsx(c.WrappedText,{as:"p",className:"Spinner__Label","data-testid":"kibble-spinner-label",variant:"subtle",css:t.label,...p,children:i})]})};exports.Spinner=b;
+//# sourceMappingURL=spinner.component-BSDKzlvm.js.map

package/dist/chunks/{spinner.component-CUuidnSK.js.map → spinner.component-BSDKzlvm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spinner.component-~~CUuidnSK~~.js","sources":["../../src/components/Spinner/spinner.recipe.ts","../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { typographyVariantStyles } from \"../../shared/records/typography\";\n\nconst spinnerSlots = [\"root\", \"spinner\", \"label\"] as const;\ntype SpinnerSlot = (typeof spinnerSlots)[number];\ntype SpinnerSlotStyles = {\n [key in SpinnerSlot]?: SystemStyleObject;\n};\n\nconst spinnerSizeStyles: Record<SpinnerSize, SpinnerSlotStyles> = {\n xs: {\n spinner: {\n h: 3,\n w: 3,\n },\n label: {\n fontSize: \"xs\",\n },\n },\n sm: {\n spinner: {\n h: 4,\n w: 4,\n },\n label: {\n fontSize: \"sm\",\n },\n },\n md: {\n spinner: {\n h: 6,\n w: 6,\n \"--spinner-size\": 6,\n },\n label: {\n fontSize: \"md\",\n },\n },\n lg: {\n spinner: {\n h: 8,\n w: 8,\n },\n label: {\n fontSize: \"lg\",\n },\n },\n xl: {\n spinner: {\n h: 12,\n w: 12,\n },\n label: {\n fontSize: \"xl\",\n },\n },\n};\n\nconst spinnerVariantStyles: Record<TypographyVariant, SpinnerSlotStyles> = {\n accent: {\n spinner: typographyVariantStyles.accent,\n },\n accentSubtle: {\n spinner: typographyVariantStyles.accentSubtle,\n },\n brand: {\n spinner: typographyVariantStyles.brand,\n },\n brandOnContrast: {\n spinner: typographyVariantStyles.brandOnContrast,\n },\n danger: {\n spinner: typographyVariantStyles.danger,\n },\n dangerOnContrast: {\n spinner: typographyVariantStyles.dangerOnContrast,\n },\n default: {\n spinner: typographyVariantStyles.default,\n },\n info: {\n spinner: typographyVariantStyles.info,\n },\n interactive: {\n spinner: typographyVariantStyles.interactive,\n },\n interactiveOnContrast: {\n spinner: typographyVariantStyles.interactiveOnContrast,\n },\n onContrast: {\n spinner: typographyVariantStyles.onContrast,\n },\n placeholder: {\n spinner: typographyVariantStyles.placeholder,\n },\n placeholderOnContrast: {\n spinner: typographyVariantStyles.placeholderOnContrast,\n },\n subtle: {\n spinner: typographyVariantStyles.subtle,\n },\n subtleOnContrast: {\n spinner: typographyVariantStyles.subtleOnContrast,\n },\n success: {\n spinner: typographyVariantStyles.success,\n },\n warning: {\n spinner: typographyVariantStyles.warning,\n },\n};\n\nexport const spinnerRecipe = defineSlotRecipe({\n slots: spinnerSlots,\n base: {\n root: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n },\n variants: {\n variant: spinnerVariantStyles,\n size: spinnerSizeStyles,\n fullScreen: {\n true: {\n root: {\n h: \"100%\",\n left: 0,\n top: 0,\n position: \"absolute\",\n w: \"100%\",\n zIndex: \"tooltipExtra\",\n },\n },\n false: {\n root: {\n h: \"max-content\",\n w: \"max-content\",\n },\n },\n },\n },\n defaultVariants: {\n fullScreen: false,\n size: \"md\",\n variant: \"brand\",\n },\n});\n","import React from \"react\";\nimport { Spinner as CSpinner } from \"@chakra-ui/react/spinner\";\nimport { VStack } from \"@chakra-ui/react/stack\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { TypographyVariant } from \"shared/types\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { spinnerRecipe } from \"./spinner.recipe\";\nimport { SemanticBackgroundColorToken } from \"theme/semanticTokens\";\n\nexport interface SpinnerProps {\n backdropColor?: SemanticBackgroundColorToken;\n fullScreen?: boolean;\n label?: string;\n labelProps?: Omit<TextProps, \"chilren\">;\n showLabel?: boolean;\n size?: SpinnerSize;\n variant?: TypographyVariant;\n}\n\nexport const Spinner = ({\n backdropColor = \"background.alpha.pressed\",\n fullScreen = false,\n label = \"Loading...\",\n labelProps,\n showLabel = false,\n size = \"md\",\n variant = \"accent\",\n}: SpinnerProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: spinnerRecipe });\n const styles = recipe({ variant, size, fullScreen });\n\n return (\n <VStack\n className=\"Spinner\"\n data-testid=\"kibble-spinner\"\n css={styles.root}\n {...(fullScreen && { bg: backdropColor })}\n >\n <CSpinner css={styles.spinner} />\n {showLabel && (\n <Text\n as=\"p\"\n className=\"Spinner__Label\"\n data-testid=\"kibble-spinner-label\"\n variant=\"subtle\"\n css={styles.label}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n </VStack>\n );\n};\n"],"names":["spinnerSlots","spinnerSizeStyles","spinnerVariantStyles","typographyVariantStyles","spinnerRecipe","defineSlotRecipe","Spinner","backdropColor","fullScreen","label","labelProps","showLabel","size","variant","styles","useSlotRecipe","jsxs","VStack","jsx","CSpinner","Text"],"mappings":"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"}
1	+ {"version":3,"file":"spinner.component-BSDKzlvm.js","sources":["../../src/components/Spinner/spinner.recipe.ts","../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { typographyVariantStyles } from \"../../shared/records/typography\";\n\nconst spinnerSlots = [\"root\", \"spinner\", \"label\"] as const;\ntype SpinnerSlot = (typeof spinnerSlots)[number];\ntype SpinnerSlotStyles = {\n [key in SpinnerSlot]?: SystemStyleObject;\n};\n\nconst spinnerSizeStyles: Record<SpinnerSize, SpinnerSlotStyles> = {\n xs: {\n spinner: {\n h: 3,\n w: 3,\n },\n label: {\n fontSize: \"xs\",\n },\n },\n sm: {\n spinner: {\n h: 4,\n w: 4,\n },\n label: {\n fontSize: \"sm\",\n },\n },\n md: {\n spinner: {\n h: 6,\n w: 6,\n \"--spinner-size\": 6,\n },\n label: {\n fontSize: \"md\",\n },\n },\n lg: {\n spinner: {\n h: 8,\n w: 8,\n },\n label: {\n fontSize: \"lg\",\n },\n },\n xl: {\n spinner: {\n h: 12,\n w: 12,\n },\n label: {\n fontSize: \"xl\",\n },\n },\n};\n\nconst spinnerVariantStyles: Record<TypographyVariant, SpinnerSlotStyles> = {\n accent: {\n spinner: typographyVariantStyles.accent,\n },\n accentSubtle: {\n spinner: typographyVariantStyles.accentSubtle,\n },\n brand: {\n spinner: typographyVariantStyles.brand,\n },\n brandOnContrast: {\n spinner: typographyVariantStyles.brandOnContrast,\n },\n danger: {\n spinner: typographyVariantStyles.danger,\n },\n dangerOnContrast: {\n spinner: typographyVariantStyles.dangerOnContrast,\n },\n default: {\n spinner: typographyVariantStyles.default,\n },\n info: {\n spinner: typographyVariantStyles.info,\n },\n interactive: {\n spinner: typographyVariantStyles.interactive,\n },\n interactiveOnContrast: {\n spinner: typographyVariantStyles.interactiveOnContrast,\n },\n onContrast: {\n spinner: typographyVariantStyles.onContrast,\n },\n placeholder: {\n spinner: typographyVariantStyles.placeholder,\n },\n placeholderOnContrast: {\n spinner: typographyVariantStyles.placeholderOnContrast,\n },\n subtle: {\n spinner: typographyVariantStyles.subtle,\n },\n subtleOnContrast: {\n spinner: typographyVariantStyles.subtleOnContrast,\n },\n success: {\n spinner: typographyVariantStyles.success,\n },\n warning: {\n spinner: typographyVariantStyles.warning,\n },\n};\n\nexport const spinnerRecipe = defineSlotRecipe({\n slots: spinnerSlots,\n base: {\n root: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n },\n variants: {\n variant: spinnerVariantStyles,\n size: spinnerSizeStyles,\n fullScreen: {\n true: {\n root: {\n h: \"100%\",\n left: 0,\n top: 0,\n position: \"absolute\",\n w: \"100%\",\n zIndex: \"tooltipExtra\",\n },\n },\n false: {\n root: {\n h: \"max-content\",\n w: \"max-content\",\n },\n },\n },\n },\n defaultVariants: {\n fullScreen: false,\n size: \"md\",\n variant: \"brand\",\n },\n});\n","import React from \"react\";\nimport { Spinner as CSpinner } from \"@chakra-ui/react/spinner\";\nimport { VStack } from \"@chakra-ui/react/stack\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { TypographyVariant } from \"shared/types\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { spinnerRecipe } from \"./spinner.recipe\";\nimport { SemanticBackgroundColorToken } from \"theme/semanticTokens\";\n\nexport interface SpinnerProps {\n backdropColor?: SemanticBackgroundColorToken;\n fullScreen?: boolean;\n label?: string;\n labelProps?: Omit<TextProps, \"chilren\">;\n showLabel?: boolean;\n size?: SpinnerSize;\n variant?: TypographyVariant;\n}\n\nexport const Spinner = ({\n backdropColor = \"background.alpha.pressed\",\n fullScreen = false,\n label = \"Loading...\",\n labelProps,\n showLabel = false,\n size = \"md\",\n variant = \"accent\",\n}: SpinnerProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: spinnerRecipe });\n const styles = recipe({ variant, size, fullScreen });\n\n return (\n <VStack\n className=\"Spinner\"\n data-testid=\"kibble-spinner\"\n css={styles.root}\n {...(fullScreen && { bg: backdropColor })}\n >\n <CSpinner css={styles.spinner} />\n {showLabel && (\n <Text\n as=\"p\"\n className=\"Spinner__Label\"\n data-testid=\"kibble-spinner-label\"\n variant=\"subtle\"\n css={styles.label}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n </VStack>\n );\n};\n"],"names":["spinnerSlots","spinnerSizeStyles","spinnerVariantStyles","typographyVariantStyles","spinnerRecipe","defineSlotRecipe","Spinner","backdropColor","fullScreen","label","labelProps","showLabel","size","variant","styles","useSlotRecipe","jsxs","VStack","jsx","CSpinner","Text"],"mappings":"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"}

package/dist/chunks/{spinner.component-D5tkelNc.js → spinner.component-D3If6khz.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { x as s } from "./vendor-BBfll6i3.js";
-import { W as c } from "./text.component-XYjOAc2s.js";
+import { x as s } from "./vendor-CRIhG-7s.js";
+import { W as c } from "./text.component-B1g7jaUt.js";
 import { t as n } from "./typography-Cqrokog3.js";
-import { r as d, y as b, V as f, J as S } from "./chakra-BqBkjpvZ.js";
+import { av as d, ay as b, V as f, aJ as S } from "./chakra-DEgvQPwa.js";
 const m = ["root", "spinner", "label"], u = {
   xs: {
     spinner: {
@@ -136,7 +136,7 @@ const m = ["root", "spinner", "label"], u = {
     size: "md",
     variant: "brand"
   }
-}), v = ({
+}), w = ({
   backdropColor: r = "background.alpha.pressed",
   fullScreen: t = !1,
   label: a = "Loading...",
@@ -172,6 +172,6 @@ const m = ["root", "spinner", "label"], u = {
   );
 };
 export {
-  v as S
+  w as S
 };
-//# sourceMappingURL=spinner.component-D5tkelNc.js.map
+//# sourceMappingURL=spinner.component-D3If6khz.js.map

package/dist/chunks/{spinner.component-D5tkelNc.js.map → spinner.component-D3If6khz.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spinner.component-~~D5tkelNc~~.js","sources":["../../src/components/Spinner/spinner.recipe.ts","../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { typographyVariantStyles } from \"../../shared/records/typography\";\n\nconst spinnerSlots = [\"root\", \"spinner\", \"label\"] as const;\ntype SpinnerSlot = (typeof spinnerSlots)[number];\ntype SpinnerSlotStyles = {\n [key in SpinnerSlot]?: SystemStyleObject;\n};\n\nconst spinnerSizeStyles: Record<SpinnerSize, SpinnerSlotStyles> = {\n xs: {\n spinner: {\n h: 3,\n w: 3,\n },\n label: {\n fontSize: \"xs\",\n },\n },\n sm: {\n spinner: {\n h: 4,\n w: 4,\n },\n label: {\n fontSize: \"sm\",\n },\n },\n md: {\n spinner: {\n h: 6,\n w: 6,\n \"--spinner-size\": 6,\n },\n label: {\n fontSize: \"md\",\n },\n },\n lg: {\n spinner: {\n h: 8,\n w: 8,\n },\n label: {\n fontSize: \"lg\",\n },\n },\n xl: {\n spinner: {\n h: 12,\n w: 12,\n },\n label: {\n fontSize: \"xl\",\n },\n },\n};\n\nconst spinnerVariantStyles: Record<TypographyVariant, SpinnerSlotStyles> = {\n accent: {\n spinner: typographyVariantStyles.accent,\n },\n accentSubtle: {\n spinner: typographyVariantStyles.accentSubtle,\n },\n brand: {\n spinner: typographyVariantStyles.brand,\n },\n brandOnContrast: {\n spinner: typographyVariantStyles.brandOnContrast,\n },\n danger: {\n spinner: typographyVariantStyles.danger,\n },\n dangerOnContrast: {\n spinner: typographyVariantStyles.dangerOnContrast,\n },\n default: {\n spinner: typographyVariantStyles.default,\n },\n info: {\n spinner: typographyVariantStyles.info,\n },\n interactive: {\n spinner: typographyVariantStyles.interactive,\n },\n interactiveOnContrast: {\n spinner: typographyVariantStyles.interactiveOnContrast,\n },\n onContrast: {\n spinner: typographyVariantStyles.onContrast,\n },\n placeholder: {\n spinner: typographyVariantStyles.placeholder,\n },\n placeholderOnContrast: {\n spinner: typographyVariantStyles.placeholderOnContrast,\n },\n subtle: {\n spinner: typographyVariantStyles.subtle,\n },\n subtleOnContrast: {\n spinner: typographyVariantStyles.subtleOnContrast,\n },\n success: {\n spinner: typographyVariantStyles.success,\n },\n warning: {\n spinner: typographyVariantStyles.warning,\n },\n};\n\nexport const spinnerRecipe = defineSlotRecipe({\n slots: spinnerSlots,\n base: {\n root: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n },\n variants: {\n variant: spinnerVariantStyles,\n size: spinnerSizeStyles,\n fullScreen: {\n true: {\n root: {\n h: \"100%\",\n left: 0,\n top: 0,\n position: \"absolute\",\n w: \"100%\",\n zIndex: \"tooltipExtra\",\n },\n },\n false: {\n root: {\n h: \"max-content\",\n w: \"max-content\",\n },\n },\n },\n },\n defaultVariants: {\n fullScreen: false,\n size: \"md\",\n variant: \"brand\",\n },\n});\n","import React from \"react\";\nimport { Spinner as CSpinner } from \"@chakra-ui/react/spinner\";\nimport { VStack } from \"@chakra-ui/react/stack\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { TypographyVariant } from \"shared/types\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { spinnerRecipe } from \"./spinner.recipe\";\nimport { SemanticBackgroundColorToken } from \"theme/semanticTokens\";\n\nexport interface SpinnerProps {\n backdropColor?: SemanticBackgroundColorToken;\n fullScreen?: boolean;\n label?: string;\n labelProps?: Omit<TextProps, \"chilren\">;\n showLabel?: boolean;\n size?: SpinnerSize;\n variant?: TypographyVariant;\n}\n\nexport const Spinner = ({\n backdropColor = \"background.alpha.pressed\",\n fullScreen = false,\n label = \"Loading...\",\n labelProps,\n showLabel = false,\n size = \"md\",\n variant = \"accent\",\n}: SpinnerProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: spinnerRecipe });\n const styles = recipe({ variant, size, fullScreen });\n\n return (\n <VStack\n className=\"Spinner\"\n data-testid=\"kibble-spinner\"\n css={styles.root}\n {...(fullScreen && { bg: backdropColor })}\n >\n <CSpinner css={styles.spinner} />\n {showLabel && (\n <Text\n as=\"p\"\n className=\"Spinner__Label\"\n data-testid=\"kibble-spinner-label\"\n variant=\"subtle\"\n css={styles.label}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n </VStack>\n );\n};\n"],"names":["spinnerSlots","spinnerSizeStyles","spinnerVariantStyles","typographyVariantStyles","spinnerRecipe","defineSlotRecipe","Spinner","backdropColor","fullScreen","label","labelProps","showLabel","size","variant","styles","useSlotRecipe","jsxs","VStack","jsx","CSpinner","Text"],"mappings":"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"}
1	+ {"version":3,"file":"spinner.component-D3If6khz.js","sources":["../../src/components/Spinner/spinner.recipe.ts","../../src/components/Spinner/spinner.component.tsx"],"sourcesContent":["import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { TypographyVariant } from \"shared/types\";\nimport { typographyVariantStyles } from \"../../shared/records/typography\";\n\nconst spinnerSlots = [\"root\", \"spinner\", \"label\"] as const;\ntype SpinnerSlot = (typeof spinnerSlots)[number];\ntype SpinnerSlotStyles = {\n [key in SpinnerSlot]?: SystemStyleObject;\n};\n\nconst spinnerSizeStyles: Record<SpinnerSize, SpinnerSlotStyles> = {\n xs: {\n spinner: {\n h: 3,\n w: 3,\n },\n label: {\n fontSize: \"xs\",\n },\n },\n sm: {\n spinner: {\n h: 4,\n w: 4,\n },\n label: {\n fontSize: \"sm\",\n },\n },\n md: {\n spinner: {\n h: 6,\n w: 6,\n \"--spinner-size\": 6,\n },\n label: {\n fontSize: \"md\",\n },\n },\n lg: {\n spinner: {\n h: 8,\n w: 8,\n },\n label: {\n fontSize: \"lg\",\n },\n },\n xl: {\n spinner: {\n h: 12,\n w: 12,\n },\n label: {\n fontSize: \"xl\",\n },\n },\n};\n\nconst spinnerVariantStyles: Record<TypographyVariant, SpinnerSlotStyles> = {\n accent: {\n spinner: typographyVariantStyles.accent,\n },\n accentSubtle: {\n spinner: typographyVariantStyles.accentSubtle,\n },\n brand: {\n spinner: typographyVariantStyles.brand,\n },\n brandOnContrast: {\n spinner: typographyVariantStyles.brandOnContrast,\n },\n danger: {\n spinner: typographyVariantStyles.danger,\n },\n dangerOnContrast: {\n spinner: typographyVariantStyles.dangerOnContrast,\n },\n default: {\n spinner: typographyVariantStyles.default,\n },\n info: {\n spinner: typographyVariantStyles.info,\n },\n interactive: {\n spinner: typographyVariantStyles.interactive,\n },\n interactiveOnContrast: {\n spinner: typographyVariantStyles.interactiveOnContrast,\n },\n onContrast: {\n spinner: typographyVariantStyles.onContrast,\n },\n placeholder: {\n spinner: typographyVariantStyles.placeholder,\n },\n placeholderOnContrast: {\n spinner: typographyVariantStyles.placeholderOnContrast,\n },\n subtle: {\n spinner: typographyVariantStyles.subtle,\n },\n subtleOnContrast: {\n spinner: typographyVariantStyles.subtleOnContrast,\n },\n success: {\n spinner: typographyVariantStyles.success,\n },\n warning: {\n spinner: typographyVariantStyles.warning,\n },\n};\n\nexport const spinnerRecipe = defineSlotRecipe({\n slots: spinnerSlots,\n base: {\n root: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n },\n variants: {\n variant: spinnerVariantStyles,\n size: spinnerSizeStyles,\n fullScreen: {\n true: {\n root: {\n h: \"100%\",\n left: 0,\n top: 0,\n position: \"absolute\",\n w: \"100%\",\n zIndex: \"tooltipExtra\",\n },\n },\n false: {\n root: {\n h: \"max-content\",\n w: \"max-content\",\n },\n },\n },\n },\n defaultVariants: {\n fullScreen: false,\n size: \"md\",\n variant: \"brand\",\n },\n});\n","import React from \"react\";\nimport { Spinner as CSpinner } from \"@chakra-ui/react/spinner\";\nimport { VStack } from \"@chakra-ui/react/stack\";\nimport { SpinnerSize } from \"./spinner.types\";\nimport { Text, TextProps } from \"components/Text/text.component\";\nimport { TypographyVariant } from \"shared/types\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { spinnerRecipe } from \"./spinner.recipe\";\nimport { SemanticBackgroundColorToken } from \"theme/semanticTokens\";\n\nexport interface SpinnerProps {\n backdropColor?: SemanticBackgroundColorToken;\n fullScreen?: boolean;\n label?: string;\n labelProps?: Omit<TextProps, \"chilren\">;\n showLabel?: boolean;\n size?: SpinnerSize;\n variant?: TypographyVariant;\n}\n\nexport const Spinner = ({\n backdropColor = \"background.alpha.pressed\",\n fullScreen = false,\n label = \"Loading...\",\n labelProps,\n showLabel = false,\n size = \"md\",\n variant = \"accent\",\n}: SpinnerProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: spinnerRecipe });\n const styles = recipe({ variant, size, fullScreen });\n\n return (\n <VStack\n className=\"Spinner\"\n data-testid=\"kibble-spinner\"\n css={styles.root}\n {...(fullScreen && { bg: backdropColor })}\n >\n <CSpinner css={styles.spinner} />\n {showLabel && (\n <Text\n as=\"p\"\n className=\"Spinner__Label\"\n data-testid=\"kibble-spinner-label\"\n variant=\"subtle\"\n css={styles.label}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n </VStack>\n );\n};\n"],"names":["spinnerSlots","spinnerSizeStyles","spinnerVariantStyles","typographyVariantStyles","spinnerRecipe","defineSlotRecipe","Spinner","backdropColor","fullScreen","label","labelProps","showLabel","size","variant","styles","useSlotRecipe","jsxs","VStack","jsx","CSpinner","Text"],"mappings":"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"}

package/dist/chunks/{styledAvatar.types-ByQoyukM.js → styledAvatar.types-CpzTd2Jl.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { x as c } from "./vendor-BBfll6i3.js";
-import { A as p } from "./avatar.component-DLqm7tQt.js";
+import { x as c } from "./vendor-CRIhG-7s.js";
+import { A as p } from "./avatar.component-Bq-iwROm.js";
 const y = ({
   type: l = "Client",
   ...o
@@ -61,4 +61,4 @@ export {
   y as S,
   C as s
 };
-//# sourceMappingURL=styledAvatar.types-ByQoyukM.js.map
+//# sourceMappingURL=styledAvatar.types-CpzTd2Jl.js.map

package/dist/chunks/styledAvatar.types-CpzTd2Jl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"styledAvatar.types-CpzTd2Jl.js","sources":["../../src/components/StyledAvatar/styledAvatar.component.tsx","../../src/components/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import React from \"react\";\nimport { Avatar, AvatarProps } from \"components/Avatar/avatar.component\";\nimport { StyledAvatarType } from \"./styledAvatar.types\";\n\nexport interface StyledAvatarProps extends AvatarProps {\n type?: StyledAvatarType;\n}\n\nexport const StyledAvatar = ({\n type = \"Client\",\n ...rest\n}: StyledAvatarProps): React.JSX.Element => {\n const {\n name,\n tooltipProps = { placement: \"top\", ...rest.tooltipProps },\n onClick,\n } = rest;\n\n const testClientStyleProps: Partial<AvatarProps> = {\n variant: \"outlineYellow\",\n tooltipProps: {\n ...tooltipProps,\n label: tooltipProps?.label || `${name} (Test Client)`,\n },\n };\n\n const smsStyleProps: Partial<AvatarProps> = {\n iconName: \"cellphone\",\n tooltipProps: {\n ...tooltipProps,\n label:\n tooltipProps?.label ||\n `Text messages sent from ${name || \"unknown number\"}`,\n },\n };\n\n const automatedStyleProps: Partial<AvatarProps> = {\n iconName: \"robot\",\n backgroundColor: \"background.primary\",\n hideBorder: true,\n color: \"text.contrast\",\n size: \"sm\",\n showTooltip: false,\n cursor: \"default\",\n };\n\n const clinicStyleProps: Partial<AvatarProps> = {\n variant: \"outlineAccent\",\n name: name || \"Sys\",\n };\n\n const styleProps: Record<StyledAvatarType, Partial<AvatarProps>> = {\n Automated: automatedStyleProps,\n Client: {},\n Clinic: clinicStyleProps,\n SMS: smsStyleProps,\n TestClient: testClientStyleProps,\n };\n\n return (\n <Avatar\n className=\"StyledAvatar\"\n data-testid={`kibble-styled-avatar-${type}`}\n onClick={(e): void => {\n e.stopPropagation();\n if (onClick) {\n onClick(e);\n }\n }}\n {...rest}\n {...styleProps[type]}\n />\n );\n};\n","export const styledAvatarTypes = [\n \"Client\",\n \"SMS\",\n \"TestClient\",\n \"Automated\",\n \"Clinic\",\n] as const;\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["StyledAvatar","type","rest","name","tooltipProps","onClick","testClientStyleProps","smsStyleProps","styleProps","jsx","Avatar","e","styledAvatarTypes"],"mappings":";;AAQO,MAAMA,IAAe,CAAC;AAAA,EAC3B,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAA4C;AACpC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,cAAAC,IAAe,EAAE,WAAW,OAAO,GAAGF,EAAK,aAAa;AAAA,IACxD,SAAAG;AAAA,EAAA,IACEH,GAEEI,IAA6C;AAAA,IACjD,SAAS;AAAA,IACT,cAAc;AAAA,MACZ,GAAGF;AAAA,MACH,OAAOA,GAAc,SAAS,GAAGD,CAAI;AAAA,IAAA;AAAA,EAEzC,GAEMI,IAAsC;AAAA,IAC1C,UAAU;AAAA,IACV,cAAc;AAAA,MACZ,GAAGH;AAAA,MACH,OACEA,GAAc,SACd,2BAA2BD,KAAQ,gBAAgB;AAAA,IAAA;AAAA,EAEzD,GAiBMK,IAA6D;AAAA,IACjE,WAhBgD;AAAA,MAChD,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,QAAQ;AAAA,IACV;AAAA,IASE,QAAQ,CAAC;AAAA,IACT,QAR6C;AAAA,MAC7C,SAAS;AAAA,MACT,MAAML,KAAQ;AAAA,IAChB;AAAA,IAME,KAAKI;AAAA,IACL,YAAYD;AAAA,EACd;AAGE,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAa,wBAAwBT,CAAI;AAAA,MACzC,SAAS,CAACU,MAAY;AACpB,QAAAA,EAAE,gBAAgB,GACdN,KACFA,EAAQM,CAAC;AAAA,MAEb;AAAA,MACC,GAAGT;AAAA,MACH,GAAGM,EAAWP,CAAI;AAAA,IAAA;AAAA,EACrB;AAEJ,GCzEaW,IAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}