@caspeco/casper-ui-library 9.4.0 → 9.6.0

package/dist/components/button/button.d.ts

@@ -7,7 +7,7 @@ import { ButtonSize } from './types.js';
  * @see Docs https://caspeco.github.io/casper-ui-library/components/button
  * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button
  */
-export declare const Button: import('react').ForwardRefExoticComponent<import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & Pick<import('@chakra-ui/react').LinkProps, "rel" | "target" | "href"> & Pick<import('@chakra-ui/react').ButtonProps, "form" | "children" | "onClick" | "type" | "loadingText"> & {
+export declare const Button: import('react').ForwardRefExoticComponent<import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & Pick<import('@chakra-ui/react').LinkProps, "target" | "href" | "rel"> & Pick<import('@chakra-ui/react').ButtonProps, "form" | "type" | "children" | "onClick" | "loadingText"> & {
     variant?: "primary" | "secondary" | "link" | "ghost" | "tertiary" | "segmentedControl" | "alert";
     size?: ConditionalValue<ButtonSize>;
     leftIcon?: import('../icon/index.js').CasperIconComponent;

package/dist/components/combobox/combobox-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAuBhE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CAoBhG"}
+{"version":3,"file":"combobox-item.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-item.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhE,KAAK,iBAAiB,GAAG;IACxB,IAAI,EAAE,gBAAgB,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CAoBhG"}

package/dist/components/combobox/combobox-item.js

@@ -1,37 +1,17 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { Flex as k } from "@chakra-ui/react";
-import { Box as i } from "../box/box.js";
-import { Highlight as c } from "../highlight/highlight.js";
-import { Tag as r } from "../tag/tag.js";
-import { ThemeSpaceVariable as t } from "../../theme/theme-types.js";
-const s = {
-  info: r.Info,
-  success: r.Success,
-  warning: r.Warning,
-  error: r.Error,
-  primary: r.Primary,
-  secondary: r.Secondary,
-  neutral: r.Neutral,
-  pickerBerry: r.PickerBerry,
-  pickerCoral: r.PickerCoral,
-  pickerFlamingo: r.PickerFlamingo,
-  pickerFog: r.PickerFog,
-  pickerHoney: r.PickerHoney,
-  pickerLemon: r.PickerLemon,
-  pickerLime: r.PickerLime,
-  pickerOlive: r.PickerOlive,
-  pickerPlum: r.PickerPlum,
-  pickerSky: r.PickerSky,
-  undefined: r.ComboboxItem
-};
-function g({ item: e, asPlainText: a, isDeleting: n, highlightQuery: p }) {
-  const l = n ? "primary" : e.variant || "neutral", d = s[l];
-  return a ? /* @__PURE__ */ m(k, { gap: t.XSmall, overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
-    e.prepend,
-    /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(c, { query: p ?? "", children: e.label }) }),
-    e.append
-  ] }) : /* @__PURE__ */ o(i, { overflow: "hidden", children: /* @__PURE__ */ o(d, { prepend: e.prepend, append: e.append, dot: e.dot, solid: n, children: /* @__PURE__ */ o(i, { display: "block", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: /* @__PURE__ */ o(c, { query: p ?? "", children: e.label }) }) }) });
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Flex as f } from "@chakra-ui/react";
+import { Box as o } from "../box/box.js";
+import { Highlight as n } from "../highlight/highlight.js";
+import { Tag as t } from "../tag/tag.js";
+import { ThemeSpaceVariable as h } from "../../theme/theme-types.js";
+function u({ item: r, asPlainText: a, isDeleting: l, highlightQuery: p }) {
+  const d = l ? "primary" : r.variant ?? "neutral", i = l || (r.solid ?? !1);
+  return a ? /* @__PURE__ */ c(f, { gap: h.XSmall, overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
+    r.prepend,
+    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(n, { query: p ?? "", children: r.label }) }),
+    r.append
+  ] }) : /* @__PURE__ */ e(o, { overflow: "hidden", children: /* @__PURE__ */ e(t, { variant: d, solid: i, prepend: r.prepend, append: r.append, children: /* @__PURE__ */ e(o, { display: "block", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: /* @__PURE__ */ e(n, { query: p ?? "", children: r.label }) }) }) });
 }
 export {
-  g as ComboboxItem
+  u as ComboboxItem
 };

package/dist/components/combobox/types.d.ts

@@ -1,10 +1,10 @@
-import { Tag, TagProps } from '../tag/index.js';
+import { TagVariant } from '../tag/index.js';
 import { LayoutProps, MarginProps } from '../../theme/index.js';
 import { ConditionalValue } from '@chakra-ui/react';
 import { Placement } from '@floating-ui/dom';
 import { RefObject } from 'react';
 export type { Placement };
-export type ComboboxTagVariant = Uncapitalize<Exclude<keyof typeof Tag, keyof React.FC<TagProps> | "ComboboxItem">>;
+export type ComboboxTagVariant = TagVariant;
 export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB" | "fr-FR" | "nl-BE";
 export type ComboboxItem = {
     /**
@@ -28,14 +28,17 @@ export type ComboboxItem = {
      */
     append?: JSX.Element | null;
     /**
-     * Optional tag dot to display in front of the item label.
-     * Will be colored according to the variant.
+     * @deprecated The dot is no longer rendered. Prop will be removed in the next major version.
      */
     dot?: boolean;
     /**
      * Used to display the item with a different color scheme.
      */
     variant?: ComboboxTagVariant;
+    /**
+     * Makes the tag color theme appear stronger (solid style).
+     */
+    solid?: boolean;
     /**
      * Used to add a folder structure to the items.
      */

package/dist/components/combobox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/types.ts"],"names":[],"mappings":"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"}

package/dist/components/fieldset/fieldset-error-text.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetErrorTextProps as ChakraFieldsetErrorTextProps } from '@chakra-ui/react';
-export type FieldsetErrorTextProps = ThemeStyleProps & ChakraFieldsetErrorTextProps;
+export type FieldsetErrorTextProps = ThemeStyleProps & Pick<ChakraFieldsetErrorTextProps, "children">;
 export declare function FieldsetErrorText({ children, ...props }: FieldsetErrorTextProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=fieldset-error-text.d.ts.map

package/dist/components/fieldset/fieldset-error-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-error-text.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG,4BAA4B,CAAC;AAEpF,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAE/E"}
+{"version":3,"file":"fieldset-error-text.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAAG,IAAI,CAAC,4BAA4B,EAAE,UAAU,CAAC,CAAC;AAEtG,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAE/E"}

package/dist/components/fieldset/fieldset-helper-text.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetHelperTextProps as ChakraFieldsetHelperTextProps } from '@chakra-ui/react';
-export type FieldsetHelperTextProps = ThemeStyleProps & ChakraFieldsetHelperTextProps;
+export type FieldsetHelperTextProps = ThemeStyleProps & Pick<ChakraFieldsetHelperTextProps, "children">;
 export declare function FieldsetHelperText({ children, ...props }: FieldsetHelperTextProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=fieldset-helper-text.d.ts.map

package/dist/components/fieldset/fieldset-helper-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-helper-text.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,6BAA6B,CAAC;AAEtF,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAEjF"}
+{"version":3,"file":"fieldset-helper-text.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,uBAAuB,GAAG,eAAe,GAAG,IAAI,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAC;AAExG,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAEjF"}

package/dist/components/fieldset/fieldset-legend.d.ts

@@ -1,5 +1,5 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { FieldsetLegendProps as ChakraFieldsetLegendProps } from '@chakra-ui/react';
-export type FieldsetLegendProps = ThemeStyleProps & ChakraFieldsetLegendProps;
+export type FieldsetLegendProps = ThemeStyleProps & Pick<ChakraFieldsetLegendProps, "children">;
 export declare function FieldsetLegend({ children, ...props }: FieldsetLegendProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=fieldset-legend.d.ts.map

package/dist/components/fieldset/fieldset-legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-legend.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,yBAAyB,CAAC;AAE9E,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAEzE"}
+{"version":3,"file":"fieldset-legend.d.ts","sourceRoot":"","sources":["../../../lib/components/fieldset/fieldset-legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAEN,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,UAAU,CAAC,CAAC;AAEhG,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAEzE"}

package/dist/components/icon-button/icon-button.d.ts

@@ -14,9 +14,9 @@ export declare const IconButton: import('react').ForwardRefExoticComponent<{
     isDisabled?: boolean;
     isLoading?: boolean;
 } & {
+    type?: "submit" | "reset" | "button" | undefined | undefined;
     "aria-label"?: string | undefined | undefined;
     onKeyDown?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
     onClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
-    type?: "submit" | "reset" | "button" | undefined | undefined;
 } & import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & import('../../theme/index.js').ShadowProps & import('react').RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/components/input/input.d.ts

@@ -5,17 +5,17 @@ import { default as React } from 'react';
  * @see Docs https://caspeco.github.io/casper-ui-library/components/input
  */
 export declare const Input: React.ForwardRefExoticComponent<import('./types.js').CustomProperties & {
-    name?: string | undefined | undefined;
-    value?: string | number | readonly string[] | undefined;
-    id?: string | undefined | undefined;
     pattern?: string | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    id?: string | undefined | undefined;
+    name?: string | undefined | undefined;
+    type?: React.HTMLInputTypeAttribute | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
-    type?: React.HTMLInputTypeAttribute | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    value?: string | number | readonly string[] | undefined;
     autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
     placeholder?: string | undefined | undefined;
 } & import('../../theme/index.js').CustomChakraBoxProps & import('../../theme/index.js').LayoutProps & import('../../theme/index.js').MarginProps & import('../../theme/index.js').PaddingProps & import('../../theme/index.js').TypographyProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/radio/radio.d.ts

@@ -12,7 +12,7 @@ export type RadioProps = Pick<ChakraRadioGroup.ItemProps, "defaultChecked" | "va
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/radio
  */
-export declare const Radio: React.ForwardRefExoticComponent<Pick<ChakraRadioGroup.ItemProps, "value" | "children" | "defaultChecked"> & ThemeStyleProps & {
+export declare const Radio: React.ForwardRefExoticComponent<Pick<ChakraRadioGroup.ItemProps, "children" | "defaultChecked" | "value"> & ThemeStyleProps & {
     isDisabled?: boolean;
     isInvalid?: boolean;
     id?: string;

package/dist/components/radio-card/radio-card.d.ts

@@ -13,7 +13,7 @@ export type RadioCardProps = CustomProperties & Pick<ChakraRadioCard.ItemProps,
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/radio#custom-radios
  */
-export declare const RadioCard: React.ForwardRefExoticComponent<CustomProperties & Pick<ChakraRadioCard.ItemProps, "value" | "id"> & Pick<ChakraRadioCard.ItemControlProps, "onChange"> & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & {
+export declare const RadioCard: React.ForwardRefExoticComponent<CustomProperties & Pick<ChakraRadioCard.ItemProps, "id" | "value"> & Pick<ChakraRadioCard.ItemControlProps, "onChange"> & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & {
     isDisabled?: boolean;
     isInvalid?: boolean;
     name?: string;

package/dist/components/tag/index.d.ts

@@ -1,3 +1,3 @@
 export { Tag } from './tag.js';
-export type { TagProps } from './types.js';
+export type { TagProps, TagVariant, TagVariantProps } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/tag/tag-recipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag-recipe.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AA2JvG,eAAO,MAAM,SAAS,EAAE,oBA6HtB,CAAC"}
+{"version":3,"file":"tag-recipe.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag-recipe.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,oBAAoB,EAA4C,MAAM,kBAAkB,CAAC;AAqKvG,eAAO,MAAM,SAAS,EAAE,oBAqGtB,CAAC"}

package/dist/components/tag/tag-recipe.js

@@ -1,12 +1,12 @@
-import { ThemeIconSizeVariable as i, ThemeFontSizeVariable as n, ThemeSpaceVariable as t, ThemeColorVariable as e, ThemeFontVariable as P, ThemeRadiusVariable as b } from "../../theme/theme-types.js";
-import { defineSlotRecipe as m } from "@chakra-ui/react";
-import { tagAnatomy as x } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
-const r = "& .tag-dot", s = "& .tag-icon", T = {
+import { ThemeIconSizeVariable as i, ThemeFontSizeVariable as l, ThemeSpaceVariable as r, ThemeFontVariable as k, ThemeRadiusVariable as P, ThemeColorVariable as e } from "../../theme/theme-types.js";
+import { defineSlotRecipe as b } from "@chakra-ui/react";
+import { tagAnatomy as m } from "../../node_modules/@chakra-ui/react/dist/esm/anatomy.js";
+const n = "& .tag-icon", x = {
   neutral: {
     subtleBg: e.NeutralContainer,
     subtleText: e.OnNeutralContainer,
-    solidBg: e.OnNeutralContainer,
-    solidText: e.NeutralContainer
+    solidBg: e.Neutral,
+    solidText: e.OnNeutral
   },
   primary: {
     subtleBg: e.PrimaryContainer,
@@ -44,6 +44,18 @@ const r = "& .tag-dot", s = "& .tag-icon", T = {
     solidBg: e.Info,
     solidText: e.OnInfo
   },
+  muted: {
+    subtleBg: e.MutedContainer,
+    subtleText: e.OnMutedContainer,
+    solidBg: e.Muted,
+    solidText: e.OnMuted
+  },
+  strong: {
+    subtleBg: e.StrongContainer,
+    subtleText: e.OnStrongContainer,
+    solidBg: e.Strong,
+    solidText: e.OnStrong
+  },
   pickerBerry: {
     subtleBg: e.PickerBerryLight,
     subtleText: e.PickerOnPicker,
@@ -105,10 +117,10 @@ const r = "& .tag-dot", s = "& .tag-icon", T = {
     solidText: e.PickerOnPicker
   }
 };
-function S(k) {
-  const l = {};
-  for (const [c, { subtleBg: a, subtleText: d, solidBg: g, solidText: u }] of Object.entries(k)) {
-    const o = {
+function T(c) {
+  const o = {};
+  for (const [s, { subtleBg: a, subtleText: g, solidBg: u, solidText: d }] of Object.entries(c)) {
+    const t = {
       root: {
         lineHeight: "1.2"
       },
@@ -116,48 +128,43 @@ function S(k) {
         textWrap: "unset"
       }
     };
-    l[c] = {
-      ...o,
+    o[s] = {
+      ...t,
       root: {
-        ...o.root,
+        ...t.root,
         backgroundColor: a,
-        color: d,
-        [r]: { backgroundColor: g }
+        color: g
       }
-    }, l[`${c}Solid`] = {
-      ...o,
+    }, o[`${s}Solid`] = {
+      ...t,
       root: {
-        ...o.root,
-        backgroundColor: g,
-        color: u,
-        [r]: { backgroundColor: a }
+        ...t.root,
+        backgroundColor: u,
+        color: d
       }
     };
   }
-  return l;
+  return o;
 }
-const p = m({
+const h = b({
   className: "tag",
-  slots: x.keys(),
+  slots: m.keys(),
   base: {
     root: {
       display: "flex",
       alignContent: "center",
       justifyContent: "flex-start",
       width: "fit-content",
-      borderRadius: b.Small,
-      fontWeight: "500",
-      [r]: {
-        marginLeft: t.XSmall
-      }
+      borderRadius: P.Small,
+      fontWeight: "500"
     },
     label: {
       alignItems: "center",
       fontWeight: "500",
       textWrap: "unset",
-      mx: t.XSmall,
+      mx: r.XSmall,
       letterSpacing: "0.0125em",
-      font: P.Body
+      font: k.Body
     },
     closeTrigger: {
       opacity: "0.48",
@@ -169,34 +176,21 @@ const p = m({
   },
   variants: {
     variant: {
-      ...S(T),
-      comboboxItem: {
-        root: {
-          color: e.OnSurface,
-          backgroundColor: e.SurfaceDisabled,
-          [r]: {
-            backgroundColor: e.OnSurface
-          }
-        }
-      }
+      ...T(x)
     },
     size: {
       xs: {
         root: {
           minHeight: "24px",
           gap: "0",
-          px: t.XSmall,
-          [r]: {
-            width: "12px",
-            height: "12px"
-          },
-          [s]: {
+          px: r.XSmall,
+          [n]: {
             height: i.Small,
             width: i.Small
           }
         },
         label: {
-          fontSize: n.Small
+          fontSize: l.Small
         },
         closeTrigger: {
           boxSize: i.Small,
@@ -209,18 +203,14 @@ const p = m({
         root: {
           minHeight: "32px",
           gap: "0",
-          px: t.XSmall,
-          [r]: {
-            width: "14px",
-            height: "14px"
-          },
-          [s]: {
+          px: r.XSmall,
+          [n]: {
             height: i.Medium,
             width: i.Medium
           }
         },
         label: {
-          fontSize: n.Medium
+          fontSize: l.Medium
         },
         closeTrigger: {
           boxSize: i.Medium,
@@ -233,18 +223,14 @@ const p = m({
         root: {
           minHeight: "40px",
           gap: "0",
-          px: t.Small,
-          [r]: {
-            width: "14px",
-            height: "14px"
-          },
-          [s]: {
+          px: r.Small,
+          [n]: {
             height: i.Medium,
             width: i.Medium
           }
         },
         label: {
-          fontSize: n.Medium
+          fontSize: l.Medium
         },
         closeTrigger: {
           boxSize: i.Medium,
@@ -260,5 +246,5 @@ const p = m({
   }
 });
 export {
-  p as tagRecipe
+  h as tagRecipe
 };

package/dist/components/tag/tag.composition.d.ts

@@ -1,5 +1,4 @@
 export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
-export declare const DottedTag: () => import("react/jsx-runtime").JSX.Element;
 export declare const CloseButtonTag: () => import("react/jsx-runtime").JSX.Element;
 export declare const IconTag: () => import("react/jsx-runtime").JSX.Element;
 export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/tag/tag.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.composition.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,+CA2CpB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAiFrB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAmD1B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAqCnB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAcjB,CAAC"}
+{"version":3,"file":"tag.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.composition.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,+CA+CpB,CAAC;AAEF,eAAO,MAAM,cAAc,+CA+D1B,CAAC;AAEF,eAAO,MAAM,OAAO,+CA6CnB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAcjB,CAAC"}

package/dist/components/tag/tag.d.ts

@@ -1,3 +1,25 @@
-import { InternalTagComponent } from './types.js';
-export declare const Tag: InternalTagComponent;
+import { TagProps, TagVariantProps } from './types.js';
+declare function TagBase({ children, icon, onClose, ariaLabel, prepend, size, variant, solid, isDisabled, append, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
+export declare const Tag: typeof TagBase & {
+    Neutral: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Primary: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Secondary: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Success: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Error: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Warning: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Info: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Muted: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    Strong: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerBerry: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerCoral: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerFlamingo: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerFog: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerHoney: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerLemon: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerLime: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerOlive: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerPlum: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+    PickerSky: (props: TagVariantProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
 //# sourceMappingURL=tag.d.ts.map

package/dist/components/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAA8B,MAAM,SAAS,CAAC;AAuChF,eAAO,MAAM,GAAG,EAAE,oBAEjB,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../lib/components/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAgB,eAAe,EAAE,MAAM,SAAS,CAAC;AAGvE,iBAAS,OAAO,CAAC,EAChB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,EACT,OAAO,EACP,IAAW,EACX,OAAmB,EACnB,KAAK,EACL,UAAU,EACV,MAAM,EACN,GAAG,KAAK,EACR,EAAE,QAAQ,2CAwBV;AAED,eAAO,MAAM,GAAG;qBACE,eAAe;qBACf,eAAe;uBACb,eAAe;qBACjB,eAAe;mBACjB,eAAe;qBACb,eAAe;kBAClB,eAAe;mBACd,eAAe;oBACd,eAAe;yBACV,eAAe;yBACf,eAAe;4BACZ,eAAe;uBACpB,eAAe;yBACb,eAAe;yBACf,eAAe;wBAChB,eAAe;yBACd,eAAe;wBAChB,eAAe;uBAChB,eAAe;CACjC,CAAC"}

package/dist/components/tag/tag.js

@@ -1,57 +1,58 @@
-import { jsx as e, jsxs as y, Fragment as k } from "react/jsx-runtime";
-import { Tag as m, Circle as u, TagLabel as P } from "@chakra-ui/react";
-import { CloseIcon as C } from "../icon/icons/close-icon.js";
+import { jsx as i, jsxs as u, Fragment as l } from "react/jsx-runtime";
+import { Tag as k, TagLabel as d } from "@chakra-ui/react";
+import { CloseIcon as f } from "../icon/icons/close-icon.js";
 function a({
   children: r,
-  dot: i,
-  icon: d,
-  onClose: n,
-  ariaLabel: p,
-  prepend: c,
-  size: s = "xs",
-  variant: S = "neutral",
-  isDisabled: v,
-  append: l,
-  ...g
+  icon: s,
+  onClose: e,
+  ariaLabel: v,
+  prepend: n,
+  size: m = "xs",
+  variant: t = "neutral",
+  solid: g,
+  isDisabled: p,
+  append: c,
+  ...P
 }) {
-  const t = d;
-  return /* @__PURE__ */ y(m.Root, { size: s, variant: S, ...g, children: [
-    i && /* @__PURE__ */ e(u, { className: "tag-dot" }),
-    t && /* @__PURE__ */ e(t, { className: "tag-icon" }),
-    c && /* @__PURE__ */ e(k, { children: c }),
-    /* @__PURE__ */ e(P, { display: "flex", alignContent: "center", children: r }),
-    l && /* @__PURE__ */ e(k, { children: l }),
-    n && /* @__PURE__ */ e(
-      m.CloseTrigger,
+  const o = s, y = g ? `${t}Solid` : t;
+  return /* @__PURE__ */ u(k.Root, { size: m, variant: y, ...P, children: [
+    o && /* @__PURE__ */ i(o, { className: "tag-icon" }),
+    n && /* @__PURE__ */ i(l, { children: n }),
+    /* @__PURE__ */ i(d, { display: "flex", alignContent: "center", children: r }),
+    c && /* @__PURE__ */ i(l, { children: c }),
+    e && /* @__PURE__ */ i(
+      k.CloseTrigger,
       {
-        "aria-label": p,
-        disabled: v,
+        "aria-label": v,
+        disabled: p,
         color: "inherit",
-        onClick: n,
-        children: /* @__PURE__ */ e(C, {})
+        onClick: e,
+        children: /* @__PURE__ */ i(f, {})
       }
     )
   ] });
 }
-const o = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "neutralSolid" : "neutral", ...i });
-o.Neutral = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "neutralSolid" : "neutral", ...i });
-o.Primary = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "primarySolid" : "primary", ...i });
-o.Secondary = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "secondarySolid" : "secondary", ...i });
-o.Success = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "successSolid" : "success", ...i });
-o.Error = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "errorSolid" : "error", ...i });
-o.Warning = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "warningSolid" : "warning", ...i });
-o.Info = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "infoSolid" : "info", ...i });
-o.PickerBerry = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerBerrySolid" : "pickerBerry", ...i });
-o.PickerCoral = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerCoralSolid" : "pickerCoral", ...i });
-o.PickerFlamingo = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerFlamingoSolid" : "pickerFlamingo", ...i });
-o.PickerFog = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerFogSolid" : "pickerFog", ...i });
-o.PickerHoney = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerHoneySolid" : "pickerHoney", ...i });
-o.PickerLemon = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerLemonSolid" : "pickerLemon", ...i });
-o.PickerLime = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerLimeSolid" : "pickerLime", ...i });
-o.PickerOlive = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerOliveSolid" : "pickerOlive", ...i });
-o.PickerPlum = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerPlumSolid" : "pickerPlum", ...i });
-o.PickerSky = ({ solid: r, ...i }) => /* @__PURE__ */ e(a, { variant: r ? "pickerSkySolid" : "pickerSky", ...i });
-o.ComboboxItem = ({ ...r }) => /* @__PURE__ */ e(a, { variant: "comboboxItem", ...r });
+const h = Object.assign(a, {
+  Neutral: (r) => /* @__PURE__ */ i(a, { ...r, variant: "neutral" }),
+  Primary: (r) => /* @__PURE__ */ i(a, { ...r, variant: "primary" }),
+  Secondary: (r) => /* @__PURE__ */ i(a, { ...r, variant: "secondary" }),
+  Success: (r) => /* @__PURE__ */ i(a, { ...r, variant: "success" }),
+  Error: (r) => /* @__PURE__ */ i(a, { ...r, variant: "error" }),
+  Warning: (r) => /* @__PURE__ */ i(a, { ...r, variant: "warning" }),
+  Info: (r) => /* @__PURE__ */ i(a, { ...r, variant: "info" }),
+  Muted: (r) => /* @__PURE__ */ i(a, { ...r, variant: "muted" }),
+  Strong: (r) => /* @__PURE__ */ i(a, { ...r, variant: "strong" }),
+  PickerBerry: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerBerry" }),
+  PickerCoral: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerCoral" }),
+  PickerFlamingo: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerFlamingo" }),
+  PickerFog: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerFog" }),
+  PickerHoney: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerHoney" }),
+  PickerLemon: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerLemon" }),
+  PickerLime: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerLime" }),
+  PickerOlive: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerOlive" }),
+  PickerPlum: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerPlum" }),
+  PickerSky: (r) => /* @__PURE__ */ i(a, { ...r, variant: "pickerSky" })
+});
 export {
-  o as Tag
+  h as Tag
 };