@fluentui/react-badge 0.0.0-nightly-20230501-0418.1 → 0.0.0-nightly-20230503-0419.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui/react-badge",
   "entries": [
     {
-      "date": "Mon, 01 May 2023 04:24:12 GMT",
-      "tag": "@fluentui/react-badge_v0.0.0-nightly-20230501-0418.1",
-      "version": "0.0.0-nightly-20230501-0418.1",
+      "date": "Wed, 03 May 2023 04:25:33 GMT",
+      "tag": "@fluentui/react-badge_v0.0.0-nightly-20230503-0419.1",
+      "version": "0.0.0-nightly-20230503-0419.1",
       "comments": {
         "prerelease": [
           {
@@ -16,32 +16,32 @@
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-badge",
-            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230501-0418.1",
-            "commit": "ec7f7770aa9dd65ad47721639ad0c5d238d9e037"
+            "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230503-0419.1",
+            "commit": "a9a6cef152f4c3885a3697ddf9ded12bfce5a2be"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,22 +1,22 @@
 # Change Log - @fluentui/react-badge
 
-This log was last generated on Mon, 01 May 2023 04:24:12 GMT and should not be manually modified.
+This log was last generated on Wed, 03 May 2023 04:25:33 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20230501-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly-20230501-0418.1)
+## [0.0.0-nightly-20230503-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v0.0.0-nightly-20230503-0419.1)
 
-Mon, 01 May 2023 04:24:12 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.10..@fluentui/react-badge_v0.0.0-nightly-20230501-0418.1)
+Wed, 03 May 2023 04:25:33 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.10..@fluentui/react-badge_v0.0.0-nightly-20230503-0419.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230501-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/ec7f7770aa9dd65ad47721639ad0c5d238d9e037) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230503-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/a9a6cef152f4c3885a3697ddf9ded12bfce5a2be) by beachball)
 
 ## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.10)
 

package/dist/index.d.ts

@@ -0,0 +1,159 @@
+/// <reference types="react" />
+
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * Define a styled Badge, using the `useBadge_unstable` hook.
+ */
+export declare const Badge: ForwardRefComponent<BadgeProps>;
+
+export declare const badgeClassNames: SlotClassNames<BadgeSlots>;
+
+export declare type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & {
+    /**
+     * A Badge can be filled, outline, ghost, inverted
+     * @defaultvalue filled
+     */
+    appearance?: 'filled' | 'ghost' | 'outline' | 'tint';
+    /**
+     * A Badge can be one of preset colors
+     * @defaultvalue brand
+     */
+    color?: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';
+    /**
+     * A Badge can position the icon before or after the content.
+     * @defaultvalue before
+     */
+    iconPosition?: 'before' | 'after';
+    /**
+     * A Badge can be square, circular or rounded.
+     * @defaultvalue circular
+     */
+    shape?: 'circular' | 'rounded' | 'square';
+    /**
+     * A Badge can be on of several preset sizes.
+     * @defaultvalue medium
+     */
+    size?: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+};
+
+export declare type BadgeSlots = {
+    root: Slot<'div'>;
+    icon?: Slot<'span'>;
+};
+
+export declare type BadgeState = ComponentState<BadgeSlots> & Required<Pick<BadgeProps, 'appearance' | 'color' | 'iconPosition' | 'shape' | 'size'>>;
+
+/**
+ * Define a styled CounterBadge, using the `useCounterBadge_unstable` hook.
+ */
+export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;
+
+export declare const counterBadgeClassNames: SlotClassNames<BadgeSlots>;
+
+export declare type CounterBadgeProps = Omit<BadgeProps, 'appearance' | 'color' | 'shape'> & {
+    /**
+     * A Badge can have different appearances that emphasize certain parts of it:
+     *  - filled: The default appearance if one is not specified.
+     *    The badge background is filled with color with a contrasting foreground text to match.
+     *  - ghost: The badge background is transparent, with the foreground text taking color to emphasize it.
+     * @default filled
+     */
+    appearance?: 'filled' | 'ghost';
+    /**
+     * Semantic colors for a counter badge
+     * @default brand
+     */
+    color?: Extract<BadgeProps['color'], 'brand' | 'danger' | 'important' | 'informative'>;
+    /**
+     * Value displayed by the Badge
+     * @default 0
+     */
+    count?: number;
+    /**
+     * If a dot should be displayed without the count
+     * @default false
+     */
+    dot?: boolean;
+    /**
+     * Max number to be displayed
+     * @default 99
+     */
+    overflowCount?: number;
+    /**
+     * A Badge can be circular or rounded
+     * @default circular
+     */
+    shape?: 'circular' | 'rounded';
+    /**
+     * If the badge should be shown when count is 0
+     * @default false
+     */
+    showZero?: boolean;
+};
+
+export declare type CounterBadgeState = Omit<BadgeState, 'appearance' | 'color' | 'shape'> & Required<Pick<CounterBadgeProps, 'appearance' | 'color' | 'count' | 'dot' | 'shape' | 'showZero'>>;
+
+/**
+ * Define a styled Badge, using the `useBadge_unstable` hook.
+ */
+export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;
+
+export declare const presenceBadgeClassNames: SlotClassNames<BadgeSlots>;
+
+export declare type PresenceBadgeProps = Omit<ComponentProps<Pick<BadgeSlots, 'root' | 'icon'>>, 'color'> & Pick<BadgeProps, 'size'> & {
+    /**
+     * Represents several status
+     * @default available
+     */
+    status?: PresenceBadgeStatus;
+    /**
+     * Modifies the display to indicate that the user is out of office.
+     * This can be combined with any status to display an out-of-office version of that status
+     * @default false
+     */
+    outOfOffice?: boolean;
+};
+
+export declare type PresenceBadgeState = ComponentState<BadgeSlots> & BadgeState & Required<Pick<PresenceBadgeProps, 'status' | 'outOfOffice'>>;
+
+export declare type PresenceBadgeStatus = 'busy' | 'out-of-office' | 'away' | 'available' | 'offline' | 'do-not-disturb' | 'unknown' | 'blocked';
+
+export declare const renderBadge_unstable: (state: BadgeState) => JSX.Element;
+
+/**
+ * Returns the props and state required to render the component
+ */
+export declare const useBadge_unstable: (props: BadgeProps, ref: React_2.Ref<HTMLElement>) => BadgeState;
+
+/**
+ * Applies style classnames to slots
+ */
+export declare const useBadgeStyles_unstable: (state: BadgeState) => BadgeState;
+
+/**
+ * Returns the props and state required to render the component
+ */
+export declare const useCounterBadge_unstable: (props: CounterBadgeProps, ref: React_2.Ref<HTMLElement>) => CounterBadgeState;
+
+/**
+ * Applies style classnames to slots
+ */
+export declare const useCounterBadgeStyles_unstable: (state: CounterBadgeState) => CounterBadgeState;
+
+/**
+ * Returns the props and state required to render the component
+ */
+export declare const usePresenceBadge_unstable: (props: PresenceBadgeProps, ref: React_2.Ref<HTMLElement>) => PresenceBadgeState;
+
+/**
+ * Applies style classnames to slots
+ */
+export declare const usePresenceBadgeStyles_unstable: (state: PresenceBadgeState) => PresenceBadgeState;
+
+export { }

package/lib/Badge.js

@@ -0,0 +1,2 @@
+export * from './components/Badge/index';
+//# sourceMappingURL=Badge.js.map

package/lib/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/Badge.ts"],"sourcesContent":["export * from './components/Badge/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/CounterBadge.js

@@ -0,0 +1,2 @@
+export * from './components/CounterBadge/index';
+//# sourceMappingURL=CounterBadge.js.map

package/lib/CounterBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/CounterBadge.ts"],"sourcesContent":["export * from './components/CounterBadge/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/PresenceBadge.js

@@ -0,0 +1,2 @@
+export * from './components/PresenceBadge/index';
+//# sourceMappingURL=PresenceBadge.js.map

package/lib/PresenceBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../src/PresenceBadge.ts"],"sourcesContent":["export * from './components/PresenceBadge/index';\n"],"mappings":"AAAA,cAAc"}

package/lib/components/Badge/Badge.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { useBadge_unstable } from './useBadge';
+import { useBadgeStyles_unstable } from './useBadgeStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import { renderBadge_unstable } from './renderBadge';
+/**
+ * Define a styled Badge, using the `useBadge_unstable` hook.
+ */
+export const Badge = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useBadge_unstable(props, ref);
+  useBadgeStyles_unstable(state);
+  useCustomStyleHook_unstable('useBadgeStyles_unstable')(state);
+  return renderBadge_unstable(state);
+});
+Badge.displayName = 'Badge';
+//# sourceMappingURL=Badge.js.map

package/lib/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useBadge_unstable","useBadgeStyles_unstable","useCustomStyleHook_unstable","renderBadge_unstable","Badge","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from './renderBadge';\nimport type { BadgeProps } from './Badge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge: ForwardRefComponent<BadgeProps> = React.forwardRef((props, ref) => {\n  const state = useBadge_unstable(props, ref);\n\n  useBadgeStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useBadgeStyles_unstable')(state);\n\n  return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,oBAAoB,QAAQ;AAIrC;;;AAGA,OAAO,MAAMC,KAAA,gBAAyCL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrF,MAAMC,KAAA,GAAQR,iBAAA,CAAkBM,KAAA,EAAOC,GAAA;EAEvCN,uBAAA,CAAwBO,KAAA;EAExBN,2BAAA,CAA4B,2BAA2BM,KAAA;EAEvD,OAAOL,oBAAA,CAAqBK,KAAA;AAC9B;AAEAJ,KAAA,CAAMK,WAAW,GAAG"}

package/lib/components/Badge/Badge.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Badge.types.js.map

package/lib/components/Badge/Badge.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/components/Badge/Badge.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type BadgeSlots = {\n  root: Slot<'div'>;\n  icon?: Slot<'span'>;\n};\n\n// react has a non-standard `color` attribute in its types\n// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/a4ab0fa432320e70da9e51c8ae2e47377f65804b/types/react/index.d.ts#L1868\nexport type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & {\n  /**\n   * A Badge can be filled, outline, ghost, inverted\n   * @defaultvalue filled\n   */\n  appearance?: 'filled' | 'ghost' | 'outline' | 'tint';\n\n  /**\n   * A Badge can be one of preset colors\n   * @defaultvalue brand\n   */\n  color?: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';\n\n  /**\n   * A Badge can position the icon before or after the content.\n   * @defaultvalue before\n   */\n  iconPosition?: 'before' | 'after';\n\n  /**\n   * A Badge can be square, circular or rounded.\n   * @defaultvalue circular\n   */\n  shape?: 'circular' | 'rounded' | 'square';\n\n  /**\n   * A Badge can be on of several preset sizes.\n   * @defaultvalue medium\n   */\n  size?: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n};\n\nexport type BadgeState = ComponentState<BadgeSlots> &\n  Required<Pick<BadgeProps, 'appearance' | 'color' | 'iconPosition' | 'shape' | 'size'>>;\n"],"mappings":"AAAA"}

package/lib/components/Badge/index.js

@@ -0,0 +1,5 @@
+export * from './Badge';
+export * from './renderBadge';
+export * from './useBadge';
+export * from './useBadgeStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/components/Badge/index.ts"],"sourcesContent":["export * from './Badge';\n// Explicit exports to omit BadgeCommons\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles.styles';\n"],"mappings":"AAAA,cAAc;AAGd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Badge/renderBadge.js

@@ -0,0 +1,10 @@
+/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+import { getSlotsNext } from '@fluentui/react-utilities';
+export const renderBadge_unstable = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlotsNext(state);
+  return /*#__PURE__*/createElement(slots.root, slotProps.root, state.iconPosition === 'before' && slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon), state.root.children, state.iconPosition === 'after' && slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon));
+};
+//# sourceMappingURL=renderBadge.js.map

package/lib/components/Badge/renderBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","getSlotsNext","renderBadge_unstable","state","slots","slotProps","root","iconPosition","icon","children"],"sources":["../../../src/components/Badge/renderBadge.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { BadgeState, BadgeSlots } from './Badge.types';\n\nexport const renderBadge_unstable = (state: BadgeState) => {\n  const { slots, slotProps } = getSlotsNext<BadgeSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.iconPosition === 'before' && slots.icon && <slots.icon {...slotProps.icon} />}\n      {state.root.children}\n      {state.iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B,OAAO,MAAMC,oBAAA,GAAwBC,KAAA,IAAsB;EACzD,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAyBE,KAAA;EAEtD,oBACEH,aAXJ,CAWKI,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,EAC3BH,KAAA,CAAMI,YAAY,KAAK,YAAYH,KAAA,CAAMI,IAAI,iBAAIR,aAZxD,CAYyDI,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,GAC/EL,KAAA,CAAMG,IAAI,CAACG,QAAQ,EACnBN,KAAA,CAAMI,YAAY,KAAK,WAAWH,KAAA,CAAMI,IAAI,iBAAIR,aAdvD,CAcwDI,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI;AAGrF"}

package/lib/components/Badge/useBadge.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';
+/**
+ * Returns the props and state required to render the component
+ */
+export const useBadge_unstable = (props, ref) => {
+  const {
+    shape = 'circular',
+    size = 'medium',
+    iconPosition = 'before',
+    appearance = 'filled',
+    color = 'brand'
+  } = props;
+  const state = {
+    shape,
+    size,
+    iconPosition,
+    appearance,
+    color,
+    components: {
+      root: 'div',
+      icon: 'span'
+    },
+    root: getNativeElementProps('div', {
+      ref,
+      ...props
+    }),
+    icon: resolveShorthand(props.icon)
+  };
+  return state;
+};
+//# sourceMappingURL=useBadge.js.map

package/lib/components/Badge/useBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","getNativeElementProps","resolveShorthand","useBadge_unstable","props","ref","shape","size","iconPosition","appearance","color","state","components","root","icon"],"sources":["../../../src/components/Badge/useBadge.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n  const {\n    shape = 'circular',\n    size = 'medium',\n    iconPosition = 'before',\n    appearance = 'filled',\n    color = 'brand',\n  } = props;\n\n  const state: BadgeState = {\n    shape,\n    size,\n    iconPosition,\n    appearance,\n    color,\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(props.icon),\n  };\n\n  return state;\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,gBAAgB,QAAQ;AAGxD;;;AAGA,OAAO,MAAMC,iBAAA,GAAoBA,CAACC,KAAA,EAAmBC,GAAA,KAA4C;EAC/F,MAAM;IACJC,KAAA,GAAQ;IACRC,IAAA,GAAO;IACPC,YAAA,GAAe;IACfC,UAAA,GAAa;IACbC,KAAA,GAAQ;EAAO,CAChB,GAAGN,KAAA;EAEJ,MAAMO,KAAA,GAAoB;IACxBL,KAAA;IACAC,IAAA;IACAC,YAAA;IACAC,UAAA;IACAC,KAAA;IACAE,UAAA,EAAY;MACVC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAD,IAAA,EAAMZ,qBAAA,CAAsB,OAAO;MACjCI,GAAA;MACA,GAAGD;IACL;IACAU,IAAA,EAAMZ,gBAAA,CAAiBE,KAAA,CAAMU,IAAI;EACnC;EAEA,OAAOH,KAAA;AACT"}