@televet/kibble-ui 4.0.0-beta.98 → 4.0.0

package/dist/types/components/RadioGroup/radioGroup.recipe.d.ts

@@ -7,5 +7,30 @@ type RadioSlotStyles = {
 export declare const radioGroupRecipe: import('@chakra-ui/react').SlotRecipeDefinition<RadioSlot, {
     size: Record<"sm" | "md" | "lg", RadioSlotStyles>;
     variant: Record<FormVariant, RadioSlotStyles>;
+    withCard: {
+        true: {
+            itemText: {
+                w: "100%";
+            };
+        };
+        false: {};
+    };
+    radioAlignment: {
+        start: {
+            itemControl: {
+                alignSelf: "start";
+            };
+        };
+        center: {
+            itemControl: {
+                alignSelf: "center";
+            };
+        };
+        end: {
+            itemControl: {
+                alignSelf: "end";
+            };
+        };
+    };
 }>;
 export {};

package/dist/types/components/RadioGroup/radioGroup.types.d.ts

@@ -0,0 +1,4 @@
+export declare const radioTypes: readonly ["default", "buttons", "cards"];
+export type RadioType = (typeof radioTypes)[number];
+export declare const radioAlignments: readonly ["start", "center", "end"];
+export type RadioAlignment = (typeof radioAlignments)[number];

package/dist/types/components/Select/components/SelectTrigger/selectTrigger.component.d.ts

@@ -7,5 +7,5 @@ interface SelectTriggerProps {
     shouldTruncateText: boolean;
     size: FormControlSize;
 }
-export declare const SelectTrigger: ({ placeholder, placeholderElement, ...rest }: SelectTriggerProps) => React.JSX.Element;
+export declare const SelectTrigger: ({ placeholder, placeholderElement, shouldTruncateText, ...rest }: SelectTriggerProps) => React.JSX.Element;
 export {};

package/dist/types/components/Select/select.component.d.ts

@@ -12,10 +12,10 @@ export interface SelectProps extends WithFormControlProps, Omit<CSelect.RootProp
     options: SelectOption[];
     placeholder?: string;
     placeholderElement?: React.ReactNode;
-    rootRef?: React.RefObject<HTMLDivElement | null>;
+    rootRef?: React.Ref<HTMLDivElement | null>;
     searchable?: boolean;
     searchPlaceholder?: string;
-    selectRef?: React.RefObject<HTMLSelectElement | null>;
+    selectRef?: React.Ref<HTMLSelectElement | null>;
     shouldTruncateText?: boolean;
     size?: FormControlSize;
 }

package/dist/types/components/Switch/switch.component.d.ts

@@ -1,12 +1,12 @@
-import { default as React, ForwardedRef } from 'react';
+import { default as React } from 'react';
 import { Switch as CSwitch } from '@chakra-ui/react/switch';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
 export interface SwitchProps extends WithFormControlProps, Omit<CSwitch.RootProps, 'label' | 'onChange'> {
     indeterminate?: boolean;
-    rootRef?: ForwardedRef<HTMLLabelElement>;
+    rootRef?: React.Ref<HTMLLabelElement | null>;
     size?: FormControlSize;
-    switchRef?: React.RefObject<HTMLInputElement | null>;
+    switchRef?: React.Ref<HTMLInputElement | null>;
 }
 declare const WrappedSwitch: React.FC<SwitchProps>;
 export { WrappedSwitch as Switch };

package/dist/types/components/Tabs/index.d.ts

@@ -1 +1,3 @@
 export * from './tabs.component';
+export * from './components/Tab/tab.types';
+export { type TabProps } from './components/Tab/tab.component';

package/dist/types/components/Text/text.component.d.ts

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
-import { TextProps as CTextProps } from '@chakra-ui/react/typography';
+import { TextProps as CTextProps } from '@chakra-ui/react/text';
 import { WithTruncationProps } from '../../hocs/withTruncation';
 import { TextSize } from './text.types';
 import { TypographyVariant } from '../../shared/types/typography';
-export interface TextProps extends WithTruncationProps, CTextProps {
-    size?: TextSize;
+import { ConditionalValue } from '@chakra-ui/react/styled-system';
+export interface TextProps extends WithTruncationProps, Omit<CTextProps, 'truncate'> {
+    size?: ConditionalValue<TextSize>;
     variant?: TypographyVariant;
 }
 declare const WrappedText: React.FC<TextProps>;

package/dist/types/components/TextInput/textInput.component.d.ts

@@ -4,7 +4,7 @@ import { InputProps as CInputProps } from '@chakra-ui/react/input';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
 export interface TextInputBaseProps extends WithFormControlProps {
     charLimit?: number;
-    inputRef?: React.RefObject<HTMLInputElement | null>;
+    inputRef?: React.Ref<HTMLInputElement | null>;
     leftAddon?: React.ReactNode;
     leftElement?: React.ReactNode;
     onContrast?: boolean;

package/dist/types/components/Textarea/textarea.component.d.ts

@@ -1,10 +1,10 @@
-import { default as React, ForwardedRef } from 'react';
+import { default as React } from 'react';
 import { TextareaProps as CTextareaProps } from '@chakra-ui/react/textarea';
 import { FormControlSize } from '../../hocs/withFormControl/withFormControl.types';
 import { WithFormControlProps } from '../../hocs/withFormControl/withFormControl';
 export interface TextareaProps extends WithFormControlProps, CTextareaProps {
     charLimit?: number;
-    textareaRef?: ForwardedRef<HTMLTextAreaElement | null>;
+    textareaRef?: React.Ref<HTMLTextAreaElement | null>;
     size?: FormControlSize;
 }
 declare const WrappedTextarea: React.FC<TextareaProps>;

package/dist/types/components/TimePicker/components/TimeOption/timeOption.component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 interface TimeOptionProps {
-    innerRef?: React.RefObject<HTMLDivElement | null> | null;
+    innerRef?: React.Ref<HTMLDivElement | null> | null;
     onClick: (selectedValue: string) => void;
     selected: boolean;
     value: string;

package/dist/types/theme/index.d.ts

@@ -1,2 +1,2 @@
 export { KibbleThemeProvider } from './providers/theme.provider';
-export { kibbleSystem, kibbleThemeConfig } from './theme.config';
+export { system, kibbleThemeConfig } from './theme.config';

package/dist/types/theme/semanticTokens/index.d.ts

@@ -1 +1,2 @@
 export * from './semanticTokens.types';
+export { invertToken } from './utils/invertToken';

package/dist/types/theme/theme.config.d.ts

@@ -1,3 +1,2 @@
 export declare const kibbleThemeConfig: import('@chakra-ui/react').SystemConfig;
-export declare const kibbleSystem: import('@chakra-ui/react').SystemContext;
-export default kibbleSystem;
+export declare const system: import('@chakra-ui/react').SystemContext;

package/dist/types/theme/tokens/zIndices/zIndices.config.d.ts

@@ -5,6 +5,9 @@ export declare const zIndexTokens: {
     overlay: {
         value: string;
     };
+    auto: {
+        value: string;
+    };
     popover: {
         value: string;
     };
@@ -17,12 +20,6 @@ export declare const zIndexTokens: {
     sticky: {
         value: string;
     };
-    auto: {
-        value: string;
-    };
-    banner: {
-        value: string;
-    };
     hide: {
         value: string;
     };
@@ -32,6 +29,9 @@ export declare const zIndexTokens: {
     dropdown: {
         value: string;
     };
+    banner: {
+        value: string;
+    };
     modal: {
         value: string;
     };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@televet/kibble-ui",
   "description": "Kibble Design System by Otto",
-  "version": "4.0.0-beta.98",
+  "version": "4.0.0",
   "type": "module",
-  "main": "dist/cjs/index.cjs",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
   "bin": {
     "kibble-generate-theme": "./dist/esm/cli/generate-theme-types.js",
     "kibble-postinstall": "./dist/esm/cli/postinstall.js"
@@ -117,23 +117,18 @@
       "npm run lint"
     ]
   },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  },
   "devDependencies": {
     "@chakra-ui/cli": "^3.19.2",
-    "@chromatic-com/storybook": "^4.0.0",
+    "@chromatic-com/storybook": "^4.1.0",
     "@emotion/react": "^11.14.0",
     "@eslint/js": "^9.21.0",
-    "@storybook/addon-a11y": "^9.0.1",
-    "@storybook/addon-docs": "^9.0.1",
-    "@storybook/addon-onboarding": "^9.0.1",
-    "@storybook/addon-themes": "^9.0.1",
-    "@storybook/addon-vitest": "^9.0.1",
-    "@storybook/react-vite": "^9.0.1",
-    "@storybook/test-runner": "^0.22.0",
+    "@storybook/addon-a11y": "^9.1.0",
+    "@storybook/addon-docs": "^9.1.0",
+    "@storybook/addon-onboarding": "^9.1.0",
+    "@storybook/addon-themes": "^9.1.0",
+    "@storybook/addon-vitest": "^9.1.0",
+    "@storybook/react-vite": "^9.1.0",
+    "@storybook/test-runner": "^0.23.0",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.10",
     "@vitejs/plugin-react": "^4.3.4",
@@ -143,7 +138,7 @@
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^9.0.1",
+    "eslint-plugin-storybook": "^9.1.0",
     "gh-pages": "^6.3.0",
     "globals": "^15.15.0",
     "husky": "^9.1.7",
@@ -152,7 +147,7 @@
     "plop": "^4.0.1",
     "prettier": "^3.5.3",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^9.0.1",
+    "storybook": "^9.1.0",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
@@ -168,7 +163,7 @@
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@chakra-ui/react": "^3.19.2",
+    "@chakra-ui/react": "^3.24.0",
     "@datepicker-react/hooks": "^2.8.4",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",

package/dist/chunks/alert.types-DEe0eEG4.js

@@ -1,139 +0,0 @@
-import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import b, { forwardRef as v, Fragment as _ } from "react";
-import { W as k } from "./heading.component-73t_EqZx.js";
-import { I as y } from "./icon.component-DszmCnE4.js";
-import { W as R } from "./text.component-DKtdjH7k.js";
-import { B as j } from "./button.component-DOAhnxbj.js";
-import { B as C } from "./box-Ck9I7FYv.js";
-import { StatusIconMap as I, StatusTypographyMap as N } from "../esm/shared/records/index.js";
-import { F as w } from "./flex-smlF8uQG.js";
-import { c as B } from "./provider-ClCAdPxy.js";
-import { c as S } from "./create-slot-recipe-context-BJmsuxih.js";
-import { c as W } from "./factory-Ctbv0Ozn.js";
-import { I as h, W as u, a as T } from "./icons-BXxdrBrf.js";
-const [z, F] = B({
-  name: "AlertStatusContext",
-  hookName: "useAlertStatusContext",
-  providerName: "<Alert />"
-}), {
-  withProvider: L,
-  withContext: x,
-  useStyles: M
-} = S({ key: "alert" }), D = L(
-  "div",
-  "root",
-  {
-    forwardAsChild: !0,
-    wrapElement(e, s) {
-      return (
-        // @ts-ignore fix later
-        /* @__PURE__ */ t.jsx(z, { value: { status: s.status || "info" }, children: e })
-      );
-    }
-  }
-), E = x(
-  "div",
-  "title"
-), H = x("div", "description"), q = x(
-  "div",
-  "content"
-), G = {
-  info: h,
-  warning: u,
-  success: T,
-  error: u,
-  neutral: h
-}, J = v(
-  function(s, o) {
-    const i = F(), n = M(), l = typeof i.status == "string" ? G[i.status] : _, { children: c = /* @__PURE__ */ t.jsx(l, {}), ...a } = s;
-    return /* @__PURE__ */ t.jsx(W.span, { ref: o, ...a, css: [n.indicator, s.css], children: c });
-  }
-), f = ({
-  buttonPosition: e = "topRight",
-  buttonText: s,
-  status: o,
-  ...i
-}) => /* @__PURE__ */ t.jsx(
-  C,
-  {
-    className: "Alert__Button",
-    "data-testid": "kibble-alert-button",
-    ...e === "bottomLeft" && { pt: 2, pb: 1 },
-    children: /* @__PURE__ */ t.jsx(j, { size: "xs", variant: o === "default" ? "primary" : "secondary", w: "max-content", ...i, children: s })
-  }
-), at = ({
-  buttonProps: e,
-  description: s,
-  descriptionProps: o,
-  hideCloseButton: i = !1,
-  hideIcon: n = !1,
-  iconProps: l,
-  onClose: c,
-  onContrast: a = !1,
-  status: r = "success",
-  title: m,
-  titleProps: A,
-  ...g
-}) => {
-  e && !e.buttonPosition && (e.buttonPosition = "topRight");
-  const d = e && e.buttonPosition === "topRight", p = d ? w : b.Fragment;
-  return /* @__PURE__ */ t.jsxs(
-    D,
-    {
-      className: "Alert",
-      "data-testid": "kibble-alert",
-      ...g,
-      variant: r,
-      hideIcon: n,
-      onContrast: a,
-      children: [
-        !n && /* @__PURE__ */ t.jsx(J, { className: "Alert__Icon", "data-testid": "kibble-alert-icon", children: /* @__PURE__ */ t.jsx(
-          y,
-          {
-            variant: a ? "onContrast" : N[r],
-            name: l?.name || I[r],
-            size: "lg",
-            ...l
-          }
-        ) }),
-        /* @__PURE__ */ t.jsxs(q, { className: "Alert__Content", "data-testid": "kibble-alert-content", children: [
-          m && /* @__PURE__ */ t.jsxs(
-            p,
-            {
-              ...d && {
-                justifyContent: "space-between",
-                gap: 2
-              },
-              children: [
-                /* @__PURE__ */ t.jsx(E, { className: "Alert__Title", "data-testid": "kibble-alert-title", children: /* @__PURE__ */ t.jsx(k, { size: "sm", variant: a ? "onContrast" : "default", ...A, children: m }) }),
-                e && e.buttonPosition === "topRight" && /* @__PURE__ */ t.jsx(f, { status: r, onContrast: a, ...e })
-              ]
-            }
-          ),
-          s && /* @__PURE__ */ t.jsxs(p, { ...d && { justifyContent: "space-between" }, children: [
-            /* @__PURE__ */ t.jsx(H, { className: "Alert__Description", "data-testid": "kibble-alert-description", children: typeof s == "string" ? /* @__PURE__ */ t.jsx(R, { size: "md", variant: a ? "onContrast" : "default", ...o, children: s }) : s }),
-            e && e.buttonPosition === "topRight" && !m && /* @__PURE__ */ t.jsx(f, { status: r, onContrast: a, ...e })
-          ] }),
-          e?.buttonPosition === "bottomLeft" && /* @__PURE__ */ t.jsx(f, { status: r, onContrast: a, ...e })
-        ] }),
-        !i && /* @__PURE__ */ t.jsx(
-          j,
-          {
-            className: "Alert__CloseTrigger",
-            "data-testid": "kibble-alert-close-trigger",
-            iconName: "close",
-            size: "xs",
-            variant: "ghostNeutral",
-            onContrast: a,
-            onClick: c
-          }
-        )
-      ]
-    }
-  );
-}, it = ["topRight", "bottomLeft"];
-export {
-  at as A,
-  it as a
-};
-//# sourceMappingURL=alert.types-DEe0eEG4.js.map

package/dist/chunks/alert.types-DEe0eEG4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.types-DEe0eEG4.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  buttonPosition?: AlertButtonPosition;\n  buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Alert__Button\"\n      data-testid=\"kibble-alert-button\"\n      {...(buttonPosition === 'bottomLeft' && { pt: 2, pb: 1 })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  buttonProps?: AlertButtonProps;\n  description?: React.ReactNode;\n  descriptionProps?: TextProps;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  onContrast?: boolean;\n  status?: Status;\n  title?: React.ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid=\"kibble-alert\"\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid=\"kibble-alert-icon\">\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid=\"kibble-alert-content\">\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid=\"kibble-alert-title\">\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid=\"kibble-alert-description\">\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid=\"kibble-alert-close-trigger\"\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/alert.types-DNeGpiVS.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),p=require("react"),_=require("./heading.component-DNsKd4Gh.js"),E=require("./icon.component-aJ690VpJ.js"),b=require("./text.component-C501PJrN.js"),f=require("./button.component-CY55RWpS.js"),v=require("./box-Baq7UBls.js"),h=require("../cjs/shared/records/index.cjs"),q=require("./flex-D14H6HbP.js"),y=require("./provider-NDo8kOkE.js"),k=require("./create-slot-recipe-context-IwVIgtBt.js"),C=require("./factory-D6tdBUPG.js"),a=require("./icons-CTpAjbC-.js"),I=t=>t&&t.__esModule?t:{default:t},N=I(p),[S,w]=y.createContext({name:"AlertStatusContext",hookName:"useAlertStatusContext",providerName:"<Alert />"}),{withProvider:B,withContext:j,useStyles:T}=k.createSlotRecipeContext({key:"alert"}),W=B("div","root",{forwardAsChild:!0,wrapElement(t,s){return e.jsxRuntimeExports.jsx(S,{value:{status:s.status||"info"},children:t})}}),z=j("div","title"),M=j("div","description"),D=j("div","content"),F={info:a.InfoIcon,warning:a.WarningIcon,success:a.CheckCircleIcon,error:a.WarningIcon,neutral:a.InfoIcon},L=p.forwardRef(function(s,o){const i=w(),c=T(),l=typeof i.status=="string"?F[i.status]:p.Fragment,{children:x=e.jsxRuntimeExports.jsx(l,{}),...n}=s;return e.jsxRuntimeExports.jsx(C.chakra.span,{ref:o,...n,css:[c.indicator,s.css],children:x})}),m=({buttonPosition:t="topRight",buttonText:s,status:o,...i})=>e.jsxRuntimeExports.jsx(v.Box,{className:"Alert__Button","data-testid":"kibble-alert-button",...t==="bottomLeft"&&{pt:2,pb:1},children:e.jsxRuntimeExports.jsx(f.Button,{size:"xs",variant:o==="default"?"primary":"secondary",w:"max-content",...i,children:s})}),H=({buttonProps:t,description:s,descriptionProps:o,hideCloseButton:i=!1,hideIcon:c=!1,iconProps:l,onClose:x,onContrast:n=!1,status:r="success",title:u,titleProps:g,...A})=>{t&&!t.buttonPosition&&(t.buttonPosition="topRight");const d=t&&t.buttonPosition==="topRight",R=d?q.Flex:N.default.Fragment;return e.jsxRuntimeExports.jsxs(W,{className:"Alert","data-testid":"kibble-alert",...A,variant:r,hideIcon:c,onContrast:n,children:[!c&&e.jsxRuntimeExports.jsx(L,{className:"Alert__Icon","data-testid":"kibble-alert-icon",children:e.jsxRuntimeExports.jsx(E.Icon,{variant:n?"onContrast":h.StatusTypographyMap[r],name:l?.name||h.StatusIconMap[r],size:"lg",...l})}),e.jsxRuntimeExports.jsxs(D,{className:"Alert__Content","data-testid":"kibble-alert-content",children:[u&&e.jsxRuntimeExports.jsxs(R,{...d&&{justifyContent:"space-between",gap:2},children:[e.jsxRuntimeExports.jsx(z,{className:"Alert__Title","data-testid":"kibble-alert-title",children:e.jsxRuntimeExports.jsx(_.WrappedHeading,{size:"sm",variant:n?"onContrast":"default",...g,children:u})}),t&&t.buttonPosition==="topRight"&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),s&&e.jsxRuntimeExports.jsxs(R,{...d&&{justifyContent:"space-between"},children:[e.jsxRuntimeExports.jsx(M,{className:"Alert__Description","data-testid":"kibble-alert-description",children:typeof s=="string"?e.jsxRuntimeExports.jsx(b.WrappedText,{size:"md",variant:n?"onContrast":"default",...o,children:s}):s}),t&&t.buttonPosition==="topRight"&&!u&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),t?.buttonPosition==="bottomLeft"&&e.jsxRuntimeExports.jsx(m,{status:r,onContrast:n,...t})]}),!i&&e.jsxRuntimeExports.jsx(f.Button,{className:"Alert__CloseTrigger","data-testid":"kibble-alert-close-trigger",iconName:"close",size:"xs",variant:"ghostNeutral",onContrast:n,onClick:x})]})},G=["topRight","bottomLeft"];exports.Alert=H;exports.alertButtonPositions=G;
-//# sourceMappingURL=alert.types-DNeGpiVS.js.map

package/dist/chunks/alert.types-DNeGpiVS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.types-DNeGpiVS.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Box } from '@chakra-ui/react/box';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  buttonPosition?: AlertButtonPosition;\n  buttonText: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Box\n      className=\"Alert__Button\"\n      data-testid=\"kibble-alert-button\"\n      {...(buttonPosition === 'bottomLeft' && { pt: 2, pb: 1 })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Box>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  buttonProps?: AlertButtonProps;\n  description?: React.ReactNode;\n  descriptionProps?: TextProps;\n  hideCloseButton?: boolean;\n  hideIcon?: boolean;\n  iconProps?: IconProps;\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  onContrast?: boolean;\n  status?: Status;\n  title?: React.ReactNode;\n  titleProps?: HeadingProps;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid=\"kibble-alert\"\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid=\"kibble-alert-icon\">\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid=\"kibble-alert-content\">\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid=\"kibble-alert-title\">\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid=\"kibble-alert-description\">\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps?.buttonPosition === 'bottomLeft' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid=\"kibble-alert-close-trigger\"\n          iconName=\"close\"\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","Box","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","isTopRightButton","WithButtonWrapper","Flex","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/avatar.component-SZi87lRl.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("./jsx-runtime-BjDatQAs.js"),n=require("react"),N=require("./tooltip.component-CIUcGhxw.js"),g=require("./icon.component-aJ690VpJ.js"),h=require("./float-OQXnYWBw.js"),M=require("./config-BFcXpdZo.js"),F=require("./use-recipe-DaPWl_pL.js"),H=require("./flex-D14H6HbP.js"),V=require("./box-Baq7UBls.js"),f=require("./factory-D6tdBUPG.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),$=require("./use-slot-recipe-8liupslO.js"),G=require("./group-Cv7AQw1b.js"),i=require("./use-locale-context-D0LByRu9.js"),j=require("./index-DOXzraja.js"),m=require("./index-CHIISuTq.js"),L=r=>r&&r.__esModule?r:{default:r},Z=L(n),[C,k]=i.createContext({name:"AvatarContext",hookName:"useAvatarContext",providerName:"<AvatarProvider />"}),A=n.forwardRef((r,e)=>{const s=k(),t=m.mergeProps(s.getFallbackProps(),r);return a.jsxRuntimeExports.jsx(i.ark.span,{...t,ref:e})});A.displayName="AvatarFallback";const w=n.forwardRef((r,e)=>{const s=k(),t=m.mergeProps(s.getImageProps(),r);return a.jsxRuntimeExports.jsx(i.ark.img,{...t,ref:e})});w.displayName="AvatarImage";const O=r=>{const e=n.useId(),{getRootNode:s}=i.useEnvironmentContext(),{dir:t}=i.useLocaleContext(),o={id:e,dir:t,getRootNode:s,...r},c=i.useMachine(j.machine,o);return j.connect(c,i.normalizeProps)},E=n.forwardRef((r,e)=>{const[s,t]=i.createSplitProps()(r,["id","ids","onStatusChange"]),o=O(s),c=m.mergeProps(o.getRootProps(),t);return a.jsxRuntimeExports.jsx(C,{value:o,children:a.jsxRuntimeExports.jsx(i.ark.div,{...c,ref:e})})});E.displayName="AvatarRoot";const P=n.forwardRef((r,e)=>{const[{value:s},t]=i.createSplitProps()(r,["value"]),o=m.mergeProps(s.getRootProps(),t);return a.jsxRuntimeExports.jsx(C,{value:s,children:a.jsxRuntimeExports.jsx(i.ark.div,{...o,ref:e})})});P.displayName="AvatarRootProvider";const{withProvider:S,withContext:D,useStyles:T,useClassNames:X,PropsProvider:J}=W.createSlotRecipeContext({key:"avatar"});S(P,"root",{forwardAsChild:!0});const K=S(E,"root",{forwardAsChild:!0}),Q=f.chakra(A,{},{forwardAsChild:!0});function U(r){return r.children||r.asChild?r.children:r.name?Y(r.name):a.jsxRuntimeExports.jsx(re,{})}function Y(r){const e=r.trim().split(" "),s=e[0]!=null?e[0]:"",t=e.length>1?e[e.length-1]:"";return s&&t?`${s.charAt(0)}${t.charAt(0)}`:s.charAt(0)}const ee=n.forwardRef(function(e,s){const t=T(),o=X(),{name:c,...u}=e;return a.jsxRuntimeExports.jsx(Q,{ref:s,...u,className:f.cx(e.className,o.fallback),css:[t.fallback,e.css],children:U(e)})}),te=D(w,"image",{forwardAsChild:!0,defaultProps:{draggable:"false",referrerPolicy:"no-referrer"}}),re=n.forwardRef(function(e,s){return a.jsxRuntimeExports.jsx(f.chakra.svg,{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1.2em",width:"1.2em",ref:s,...e,children:a.jsxRuntimeExports.jsx("path",{d:"M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z"})})}),se=n.forwardRef(function(e,s){const t=$.useSlotRecipe({key:"avatar"}),[o,c]=n.useMemo(()=>t.splitVariantProps(e),[e,t]);return a.jsxRuntimeExports.jsx(J,{value:o,children:a.jsxRuntimeExports.jsx(G.Group,{gap:"0",spaceX:"-3",ref:s,...c})})}),ae=({avatarSize:r,onRemove:e,isBeingHovered:s,setIsBeingHovered:t})=>{const o=n.useCallback(c=>{c.stopPropagation(),e&&e(c)},[e]);return a.jsxRuntimeExports.jsx(h.Float,{className:"Avatar__RemoveButton","data-testid":"kibble-avatar-remove-button",backgroundColor:"background",borderRadius:"full",cursor:"pointer",display:"none",h:4,onClick:o,onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),w:4,zIndex:"tooltip",offset:r==="xl"?2:.5,_groupHover:{display:"flex"},children:a.jsxRuntimeExports.jsx(g.Icon,{variant:"default",name:"closeCircleSolid",size:s?"sm":"xs"})})},I=({currentSize:r,larger:e=!0,delta:s=1})=>{let t;switch(r){case"xs":t=e?"sm":"xs";break;case"sm":t=e?"md":"xs";break;case"md":t=e?"lg":"sm";break;case"lg":t=e?"xl":"md";break;case"xl":t=e?"2xl":"lg";break;case"2xl":t=e?"2xl":"xl";break;default:t=r;break}return s>1&&(t=I({currentSize:t,larger:e,delta:s-1})),t},oe={info:{bgColor:"background.info"},default:{bgColor:"background.subtle.less"},error:{bgColor:"background.danger"},success:{bgColor:"background.success"},warning:{bgColor:"background.warning"}},ne={xs:{boxSize:"10px"},sm:{boxSize:"18px"},md:{boxSize:"18px"},lg:{boxSize:"18px"},xl:{borderWidth:"2px",boxSize:"24px"}},ce=M.defineRecipe({base:{alignItems:"center",borderColor:"border.strong.contrast",borderRadius:"full",borderWidth:"1px",justifyContent:"center"},variants:{size:ne,status:oe,withIcon:{true:{},false:{}}},defaultVariants:{status:"info"},compoundVariants:[{withIcon:!1,status:"info",css:{bgColor:"background.secondary"}},{withIcon:!1,status:"default",css:{bgColor:"background.contrast"}},{withIcon:!1,status:"error",css:{bgColor:"background.destructive"}},{withIcon:!1,status:"success",css:{bgColor:"background.success.contrast"}},{withIcon:!1,status:"warning",css:{bgColor:"background.warning.contrast"}},{withIcon:!1,size:["sm","md","lg"],css:{boxSize:"12px"}},{withIcon:!1,size:"xl",css:{borderWidth:"2px",boxSize:"16px"}}]}),ie={xs:.5,sm:.5,md:.5,lg:.5,xl:2},le={xs:.5,sm:.5,md:1,lg:1,xl:2},ue=({avatarSize:r="md",iconName:e,position:s="bottom-end",status:t="info",...o})=>{const u=F.useRecipe({recipe:ce})({status:t,size:r,withIcon:!!e}),d=n.useMemo(()=>r==="xs"||!e,[e,r]),p=n.useMemo(()=>d?le:ie,[d]);return a.jsxRuntimeExports.jsx(h.Float,{className:"Avatar__BadgeWrapper","data-testid":"kibble-avatar-badge-wrapper",offset:p[r],placement:s,children:a.jsxRuntimeExports.jsx(H.Flex,{className:"Avatar__Badge","data-testid":"kibble-avatar-badge",css:u,...o,children:!d&&e&&a.jsxRuntimeExports.jsx(g.Icon,{name:e,variant:t!=="error"?t:"danger",size:r==="xl"?"sm":"xs"})})})},de=({badgeProps:r,hideBorder:e,iconName:s,name:t="",onClick:o,onRemove:c,showBadge:u,showRemoveButton:d,showTooltip:p=!0,size:l="md",src:v,tooltipProps:x,variant:y="default",webpSrc:b,...q})=>{const[R,B]=n.useState(!1),_=p&&!R?({children:z})=>a.jsxRuntimeExports.jsx(N.Tooltip,{"data-testid":"kibble-avatar-tooltip",...x,label:x?.label||t,disabled:!t&&!x?.label,placement:x?.placement||"bottom",children:a.jsxRuntimeExports.jsx(V.Box,{children:z})}):Z.default.Fragment;return a.jsxRuntimeExports.jsx(_,{children:a.jsxRuntimeExports.jsxs(K,{className:"Avatar group","data-testid":"kibble-avatar",variant:y,size:l,interactive:!!o,hideBorder:e,onClick:o,...q,children:[a.jsxRuntimeExports.jsx(ee,{name:t,children:s&&a.jsxRuntimeExports.jsx(g.Icon,{name:s,mt:"-1px",size:l==="lg"?"lg":I({currentSize:l,larger:!0,delta:1})})}),u&&a.jsxRuntimeExports.jsx(ue,{avatarSize:l,...r}),(b||v)&&a.jsxRuntimeExports.jsx(te,{src:v,srcSet:b}),d&&l!=="xs"&&a.jsxRuntimeExports.jsx(ae,{avatarSize:l,onRemove:c,isBeingHovered:R,setIsBeingHovered:B})]})})};exports.Avatar=de;exports.AvatarGroup=se;
-//# sourceMappingURL=avatar.component-SZi87lRl.js.map

package/dist/chunks/box-Baq7UBls.js

@@ -1,2 +0,0 @@
-"use strict";const a=require("./factory-D6tdBUPG.js"),o=a.chakra("div");o.displayName="Box";exports.Box=o;
-//# sourceMappingURL=box-Baq7UBls.js.map

package/dist/chunks/box-Baq7UBls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"box-Baq7UBls.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/box/box.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Box = chakra(\"div\");\nBox.displayName = \"Box\";\n\nexport { Box };\n"],"names":["Box","chakra"],"mappings":"sDAIMA,EAAMC,EAAM,OAAC,KAAK,EACxBD,EAAI,YAAc","x_google_ignoreList":[0]}

package/dist/chunks/box-Ck9I7FYv.js

@@ -1,7 +0,0 @@
-import { c as a } from "./factory-Ctbv0Ozn.js";
-const o = a("div");
-o.displayName = "Box";
-export {
-  o as B
-};
-//# sourceMappingURL=box-Ck9I7FYv.js.map

package/dist/chunks/box-Ck9I7FYv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"box-Ck9I7FYv.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/box/box.js"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Box = chakra(\"div\");\nBox.displayName = \"Box\";\n\nexport { Box };\n"],"names":["Box","chakra"],"mappings":";AAIK,MAACA,IAAMC,EAAO,KAAK;AACxBD,EAAI,cAAc;","x_google_ignoreList":[0]}

package/dist/chunks/button.types-CujqF5RD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.types-CujqF5RD.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n  'primary',\n  'primaryOnContrast',\n  'primaryDestructive',\n  'primaryDestructiveOnContrast',\n  'secondary',\n  'secondaryOnContrast',\n  'secondaryDestructive',\n  'secondaryDestructiveOnContrast',\n  'secondarySubtle',\n  'secondarySubtleOnContrast',\n  'secondarySubtleDestructive',\n  'secondarySubtleDestructiveOnContrast',\n  'tertiary',\n  'tertiaryOnContrast',\n  'tertiaryDestructive',\n  'tertiaryDestructiveOnContrast',\n  'ghost',\n  'ghostOnContrast',\n  'ghostNeutral',\n  'ghostNeutralOnContrast',\n  'ghostDestructive',\n  'ghostDestructiveOnContrast',\n  'ai',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n  'primary',\n  'primaryDestructive',\n  'secondary',\n  'secondaryDestructive',\n  'secondarySubtle',\n  'secondarySubtleDestructive',\n  'tertiary',\n  'tertiaryDestructive',\n  'ghost',\n  'ghostNeutral',\n  'ghostDestructive',\n  'ai',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"AAAO,MAAMA,IAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IAAc,CAAC,MAAM,MAAM,MAAM,IAAI,GAGrCC,IAAsB,CAAC,QAAQ,OAAO,GAGtCC,IAA0B,CAAC,SAAS,KAAK;"}

package/dist/chunks/button.types-DsLMGraz.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.types-DsLMGraz.js","sources":["../../src/components/Button/button.types.ts"],"sourcesContent":["export const buttonConfigVariants = [\n  'primary',\n  'primaryOnContrast',\n  'primaryDestructive',\n  'primaryDestructiveOnContrast',\n  'secondary',\n  'secondaryOnContrast',\n  'secondaryDestructive',\n  'secondaryDestructiveOnContrast',\n  'secondarySubtle',\n  'secondarySubtleOnContrast',\n  'secondarySubtleDestructive',\n  'secondarySubtleDestructiveOnContrast',\n  'tertiary',\n  'tertiaryOnContrast',\n  'tertiaryDestructive',\n  'tertiaryDestructiveOnContrast',\n  'ghost',\n  'ghostOnContrast',\n  'ghostNeutral',\n  'ghostNeutralOnContrast',\n  'ghostDestructive',\n  'ghostDestructiveOnContrast',\n  'ai',\n] as const;\nexport type ButtonConfigVariant = (typeof buttonConfigVariants)[number];\n\n// We are omitting onContrast variants from the variants list because we are setting the 'onContrast' boolean to determine this state\nexport const buttonVariants = [\n  'primary',\n  'primaryDestructive',\n  'secondary',\n  'secondaryDestructive',\n  'secondarySubtle',\n  'secondarySubtleDestructive',\n  'tertiary',\n  'tertiaryDestructive',\n  'ghost',\n  'ghostNeutral',\n  'ghostDestructive',\n  'ai',\n] as const;\n\nexport type ButtonVariant = (typeof buttonVariants)[number];\n\nexport const buttonSizes = ['xs', 'sm', 'md', 'lg'] as const;\nexport type ButtonSize = (typeof buttonSizes)[number];\n\nexport const buttonIconPositions = ['left', 'right'] as const;\nexport type ButtonIconPosition = (typeof buttonIconPositions)[number];\n\nexport const buttonSpinnerPlacements = ['start', 'end'] as const;\nexport type ButtonSpinnerPlacement = (typeof buttonSpinnerPlacements)[number];\n"],"names":["buttonConfigVariants","buttonVariants","buttonSizes","buttonIconPositions","buttonSpinnerPlacements"],"mappings":"aAAO,MAAMA,EAAuB,CAClC,UACA,oBACA,qBACA,+BACA,YACA,sBACA,uBACA,iCACA,kBACA,4BACA,6BACA,uCACA,WACA,qBACA,sBACA,gCACA,QACA,kBACA,eACA,yBACA,mBACA,6BACA,IACF,EAIaC,EAAiB,CAC5B,UACA,qBACA,YACA,uBACA,kBACA,6BACA,WACA,sBACA,QACA,eACA,mBACA,IACF,EAIaC,EAAc,CAAC,KAAM,KAAM,KAAM,IAAI,EAGrCC,EAAsB,CAAC,OAAQ,OAAO,EAGtCC,EAA0B,CAAC,QAAS,KAAK"}

package/dist/chunks/card.component-KNc4HKSh.js

@@ -1,2 +0,0 @@
-"use strict";const g=require("./jsx-runtime-BjDatQAs.js"),m=require("react"),v=require("./box-Baq7UBls.js"),s={lg:7,md:5,sm:3,xs:2},p=({active:o=!1,fullWidth:d=!1,interactive:a=!1,invalid:t=!1,onClick:i,onContrast:r=!1,size:c="md",children:n,...b})=>{const[e,l]=m.useState(o);return g.jsxRuntimeExports.jsx(v.Box,{className:"Card","data-testid":"kibble-card",bg:r?"background.contrast":"background",p:s[c],border:"1px",borderColor:r?"border.contrast":"border",borderRadius:"lg",...t&&{"aria-invalid":!0},...a&&{borderColor:{base:`${e?"transparent":r?"border.contrast":"border"}`,_invalid:`${r?"border.danger.contrast":"border.danger"}`},boxShadow:{base:`${e?r?"active.contrast":"active":"none"}`,...!e&&{_hover:r?"hover.contrast":"hover"}},cursor:"pointer",transition:".1s all ease-in-out"},...!d&&{maxW:"max-content"},onClick:u=>{i?.(u),a&&l(x=>!x)},...b,children:n})};exports.Card=p;exports.CardPaddingMap=s;
-//# sourceMappingURL=card.component-KNc4HKSh.js.map

package/dist/chunks/checkbox.component-CY7ZklEW.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),$=require("./withFormControl-BUrlnWW8.js"),P=require("./card.component-KNc4HKSh.js"),H=require("./text.component-C501PJrN.js"),m=require("./checkbox.records-DI3mqSNf.js"),W=require("./create-slot-recipe-context-IwVIgtBt.js"),f=require("./factory-D6tdBUPG.js"),D=require("./attr-BMs6szZx.js"),T=require("./empty-B5_AO6Pg.js"),Y=require("./use-recipe-DaPWl_pL.js"),d=require("./use-locale-context-D0LByRu9.js"),C=require("./index-CHIISuTq.js"),E=require("./use-field-context-CArmgHPP.js"),B=o=>o&&o.__esModule?o:{default:o},y=B(u),[_,j]=d.createContext({name:"CheckboxContext",hookName:"useCheckboxContext",providerName:"<CheckboxProvider />"}),N=u.forwardRef((o,e)=>{const t=j(),r=C.mergeProps(t.getControlProps(),o);return s.jsxRuntimeExports.jsx(d.ark.div,{...r,ref:e})});N.displayName="CheckboxControl";function U(o){const{value:e,onChange:t,defaultValue:r}=o,[n,c]=u.useState(r),a=e!==void 0,i=a?e:n,x=u.useCallback(h=>(a||c(h),t?.(h)),[a,t]);return[i,x]}function q(o={}){const{defaultValue:e,value:t,onValueChange:r,disabled:n,readOnly:c,name:a,invalid:i}=o,x=!(n||c),h=d.useEvent(r,{sync:!0}),[b,p]=U({value:t,defaultValue:e||[],onChange:h}),k=l=>b.some(R=>String(R)===String(l)),g=l=>{k(l)?O(l):v(l)},v=l=>{x&&(k(l)||p(b.concat(l)))},O=l=>{x&&p(b.filter(R=>String(R)!==String(l)))};return{isChecked:k,value:b,name:a,disabled:!!n,readOnly:!!c,invalid:!!i,setValue:p,addValue:v,toggleValue:g,getItemProps:l=>({checked:l.value!=null?k(l.value):void 0,onCheckedChange(){l.value!=null&&g(l.value)},name:a,disabled:n,readOnly:c,invalid:i})}}const[J,K]=d.createContext({name:"CheckboxGroupContext",hookName:"useCheckboxGroupContext",providerName:"<CheckboxGroupProvider />",strict:!1}),w=u.forwardRef((o,e)=>{const[t,r]=d.createSplitProps()(o,["defaultValue","value","onValueChange","disabled","invalid","readOnly","name"]),n=q(t);return s.jsxRuntimeExports.jsx(J,{value:n,children:s.jsxRuntimeExports.jsx(d.ark.div,{ref:e,role:"group",...r,...m.checkboxAnatomy.build().group.attrs})})});w.displayName="CheckboxGroup";const S=u.forwardRef((o,e)=>{const t=j(),r=C.mergeProps(t.getHiddenInputProps(),o),n=E.useFieldContext();return s.jsxRuntimeExports.jsx(d.ark.input,{"aria-describedby":n?.ariaDescribedby,...r,ref:e})});S.displayName="CheckboxHiddenInput";const V=u.forwardRef((o,e)=>{const t=j(),r=C.mergeProps(t.getLabelProps(),o);return s.jsxRuntimeExports.jsx(d.ark.span,{...r,ref:e})});V.displayName="CheckboxLabel";const Q=(o={})=>{const e=K(),t=E.useFieldContext(),r=u.useMemo(()=>C.mergeProps(o,e?.getItemProps({value:o.value})??{}),[o,e]),n=u.useId(),{getRootNode:c}=d.useEnvironmentContext(),{dir:a}=d.useLocaleContext(),i={id:n,ids:{label:t?.ids.label,hiddenInput:t?.ids.control},dir:a,disabled:t?.disabled,readOnly:t?.readOnly,invalid:t?.invalid,required:t?.required,getRootNode:c,...r},x=d.useMachine(m.machine,i);return m.connect(x,d.normalizeProps)},G=u.forwardRef((o,e)=>{const[t,r]=d.createSplitProps()(o,["checked","defaultChecked","disabled","form","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),n=Q(t),c=C.mergeProps(n.getRootProps(),r);return s.jsxRuntimeExports.jsx(_,{value:n,children:s.jsxRuntimeExports.jsx(d.ark.label,{...c,ref:e})})});G.displayName="CheckboxRoot";const I=u.forwardRef((o,e)=>{const[{value:t},r]=d.createSplitProps()(o,["value"]),n=C.mergeProps(t.getRootProps(),r);return s.jsxRuntimeExports.jsx(_,{value:t,children:s.jsxRuntimeExports.jsx(d.ark.label,{...n,ref:e})})});I.displayName="CheckboxRootProvider";const X=u.forwardRef(function(e,t){const r=Y.useRecipe({key:"checkmark",recipe:e.recipe}),[n,c]=r.splitVariantProps(e),{checked:a,indeterminate:i,disabled:x,unstyled:h,children:b,...p}=c,k=h?T.EMPTY_STYLES:r(n);return s.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3px",strokeLinecap:"round",strokeLinejoin:"round","data-state":i?"indeterminate":a?"checked":"unchecked","data-disabled":D.dataAttr(x),css:[k,e.css],...p,children:i?s.jsxRuntimeExports.jsx("path",{d:"M5 12h14"}):a?s.jsxRuntimeExports.jsx("polyline",{points:"20 6 9 17 4 12"}):null})}),{withProvider:L,withContext:A,useStyles:Z}=W.createSlotRecipeContext({key:"checkbox"});L(I,"root",{forwardAsChild:!0});const z=L(G,"root",{forwardAsChild:!0}),ee=A(V,"label",{forwardAsChild:!0}),M=u.forwardRef(function(e,t){const{checked:r,indeterminate:n,...c}=e,a=j(),i=Z();return r&&a.checked?s.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...c,css:[i.indicator,e.css],children:r}):n&&a.indeterminate?s.jsxRuntimeExports.jsx(f.chakra.svg,{ref:t,asChild:!0,...c,css:[i.indicator,e.css],children:n}):s.jsxRuntimeExports.jsx(X,{ref:t,checked:a.checked,indeterminate:a.indeterminate,disabled:a.disabled,unstyled:!0,...c,css:[i.indicator,e.css]})}),te=A(N,"control",{forwardAsChild:!0,defaultProps:{children:s.jsxRuntimeExports.jsx(M,{})}}),oe=f.chakra(w,{base:{display:"flex",flexDirection:"column",gap:"1.5"}},{forwardAsChild:!0}),re=S,F=y.default.forwardRef(({checkboxRef:o,children:e,indeterminate:t=!1,onContrast:r,rootRef:n,size:c="md",withCard:a=!1,...i},x)=>{const h=r?"onContrast":"default",b=a?({children:p})=>{const k=(m.CheckboxSizeMap[c]+m.CheckboxLabelSpacing[c]+P.CardPaddingMap[c])*4;return s.jsxRuntimeExports.jsx(P.Card,{className:"Checkbox__Card","data-testid":"kibble-checkbox-card",...!i.disabled&&{interactive:!0,active:!!i.checked},onContrast:r,size:c,fullWidth:!0,display:"flex",...typeof p=="string"&&{alignItems:"center"},width:"inherit",pr:`${k}px`,children:p})}:y.default.Fragment;return s.jsxRuntimeExports.jsx(z,{className:"Checkbox","data-testid":"kibble-checkbox",checked:t?"indeterminate":i.checked,ref:n,variant:h,size:c,...i,children:s.jsxRuntimeExports.jsxs(b,{children:[s.jsxRuntimeExports.jsx(re,{className:"Checkbox__Input","data-testid":"kibble-checkbox-input",ref:o||x}),s.jsxRuntimeExports.jsx(te,{className:"Checkbox__Control","data-testid":"kibble-checkbox-control",children:s.jsxRuntimeExports.jsx(M,{className:"Checkbox__Indicator","data-testid":"kibble-checkbox-indicator"})}),!!e&&s.jsxRuntimeExports.jsx(ee,{className:"Checkbox__Label","data-testid":"kibble-checkbox-label",...a&&typeof e!="string"&&{mt:"-4px"},children:typeof e=="string"?s.jsxRuntimeExports.jsx(H.WrappedText,{size:c,lineHeight:"unset",variant:r?"onContrast":"default",children:e}):e})]})})});F.displayName="Checkbox";const se=$.withFormControl(F);exports.CheckboxGroup=oe;exports.WrappedCheckbox=se;exports.useCheckboxGroup=q;
-//# sourceMappingURL=checkbox.component-CY7ZklEW.js.map