@seed-design/react 0.0.7 → 0.0.9

package/lib/components/MannerTempBadge/MannerTempBadge.cjs

@@ -6,7 +6,7 @@ const mannerTempBadge = require('@seed-design/css/recipes/manner-temp-badge');
 const reactPrimitive = require('@seed-design/react-primitive');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 
-const { withProvider } = createRecipeContext.createRecipeContext(mannerTempBadge.mannerTempBadge);
-const MannerTempBadge = withProvider(reactPrimitive.Primitive.span);
+const { withContext } = createRecipeContext.createRecipeContext(mannerTempBadge.mannerTempBadge);
+const MannerTempBadge = withContext(reactPrimitive.Primitive.span);
 
 exports.MannerTempBadge = MannerTempBadge;

package/lib/components/MannerTempBadge/MannerTempBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MannerTempBadge.d.ts","sourceRoot":"","sources":["../../../src/components/MannerTempBadge/MannerTempBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,WAAW,oBACf,SAAQ,2BAA2B,EACjC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,8FAAsE,CAAC"}
+{"version":3,"file":"MannerTempBadge.d.ts","sourceRoot":"","sources":["../../../src/components/MannerTempBadge/MannerTempBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,WAAW,oBACf,SAAQ,2BAA2B,EACjC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,eAAe,8FAAqE,CAAC"}

package/lib/components/MannerTempBadge/MannerTempBadge.js

@@ -2,7 +2,7 @@ import { mannerTempBadge } from '@seed-design/css/recipes/manner-temp-badge';
 import { Primitive } from '@seed-design/react-primitive';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 
-const { withProvider } = createRecipeContext(mannerTempBadge);
-const MannerTempBadge = withProvider(Primitive.span);
+const { withContext } = createRecipeContext(mannerTempBadge);
+const MannerTempBadge = withContext(Primitive.span);
 
 export { MannerTempBadge };

package/lib/components/NotificationBadge/NotificationBadge.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const notificationBadge = require('@seed-design/css/recipes/notification-badge');
+const notificationBadgePositioner = require('@seed-design/css/recipes/notification-badge-positioner');
+const reactPrimitive = require('@seed-design/react-primitive');
+const clsx = require('clsx');
+const React = require('react');
+const createRecipeContext = require('../../utils/createRecipeContext.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const { withContext, PropsProvider } = createRecipeContext.createRecipeContext(notificationBadge.notificationBadge);
+const NotificationBadge = withContext(
+  reactPrimitive.Primitive.span
+);
+const NotificationBadgePositioner = React__namespace.forwardRef((props, ref) => {
+  const { attach, size, className, ...otherProps } = props;
+  const positionerClassName = notificationBadgePositioner.notificationBadgePositioner({ attach, size });
+  return /* @__PURE__ */ jsxRuntime.jsx(PropsProvider, { value: React.useMemo(() => ({ size }), [size]), children: /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.span, { ref, className: clsx(positionerClassName, className), ...otherProps }) });
+});
+
+exports.NotificationBadge = NotificationBadge;
+exports.NotificationBadgePositioner = NotificationBadgePositioner;

package/lib/components/NotificationBadge/NotificationBadge.d.ts

@@ -0,0 +1,11 @@
+import { NotificationBadgeVariantProps } from '@seed-design/css/recipes/notification-badge';
+import { NotificationBadgePositionerVariantProps } from '@seed-design/css/recipes/notification-badge-positioner';
+import { PrimitiveProps } from '@seed-design/react-primitive';
+import * as React from "react";
+export interface NotificationBadgeProps extends NotificationBadgeVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const NotificationBadge: React.ForwardRefExoticComponent<NotificationBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export interface NotificationBadgePositionerProps extends NotificationBadgePositionerVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const NotificationBadgePositioner: React.ForwardRefExoticComponent<NotificationBadgePositionerProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=NotificationBadge.d.ts.map

package/lib/components/NotificationBadge/NotificationBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationBadge/NotificationBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAEL,KAAK,uCAAuC,EAC7C,MAAM,wDAAwD,CAAC;AAChE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,sBACf,SAAQ,6BAA6B,EACnC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,iBAAiB,gGAE7B,CAAC;AAIF,MAAM,WAAW,gCACf,SAAQ,uCAAuC,EAC7C,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,2BAA2B,0GAYtC,CAAC"}

package/lib/components/NotificationBadge/NotificationBadge.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { notificationBadge } from '@seed-design/css/recipes/notification-badge';
+import { notificationBadgePositioner } from '@seed-design/css/recipes/notification-badge-positioner';
+import { Primitive } from '@seed-design/react-primitive';
+import clsx from 'clsx';
+import * as React from 'react';
+import { useMemo } from 'react';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+
+const { withContext, PropsProvider } = createRecipeContext(notificationBadge);
+const NotificationBadge = withContext(
+  Primitive.span
+);
+const NotificationBadgePositioner = React.forwardRef((props, ref) => {
+  const { attach, size, className, ...otherProps } = props;
+  const positionerClassName = notificationBadgePositioner({ attach, size });
+  return /* @__PURE__ */ jsx(PropsProvider, { value: useMemo(() => ({ size }), [size]), children: /* @__PURE__ */ jsx(Primitive.span, { ref, className: clsx(positionerClassName, className), ...otherProps }) });
+});
+
+export { NotificationBadge, NotificationBadgePositioner };

package/lib/components/NotificationBadge/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const NotificationBadge = require('./NotificationBadge.cjs');
+
+
+
+exports.NotificationBadge = NotificationBadge.NotificationBadge;
+exports.NotificationBadgePositioner = NotificationBadge.NotificationBadgePositioner;

package/lib/components/NotificationBadge/index.d.ts

@@ -0,0 +1,2 @@
+export { NotificationBadge, NotificationBadgePositioner, type NotificationBadgeProps, type NotificationBadgePositionerProps, } from './NotificationBadge';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/NotificationBadge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,2BAA2B,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,gCAAgC,GACtC,MAAM,qBAAqB,CAAC"}

package/lib/components/NotificationBadge/index.js

@@ -0,0 +1 @@
+export { NotificationBadge, NotificationBadgePositioner } from './NotificationBadge.js';

package/lib/components/ReactionButton/ReactionButton.cjs

@@ -7,7 +7,6 @@ const reactionButton = require('@seed-design/css/recipes/reaction-button');
 const reactToggle = require('@seed-design/react-toggle');
 const clsx = require('clsx');
 const React = require('react');
-const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -29,12 +28,11 @@ function _interopNamespaceDefault(e) {
 
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const { ClassNameProvider } = createRecipeContext.createRecipeContext(reactionButton.reactionButton);
 const ReactionButton = React__namespace.forwardRef(
   ({ size = "small", loading = false, className, ...otherProps }, ref) => {
     const recipeClassName = reactionButton.reactionButton({ size });
     const api = usePendingButton.usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsxRuntime.jsx(ClassNameProvider, { value: recipeClassName, children: /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
       reactToggle.Toggle.Root,
       {
         ref,
@@ -42,7 +40,7 @@ const ReactionButton = React__namespace.forwardRef(
         ...api.stateProps,
         ...otherProps
       }
-    ) }) });
+    ) });
   }
 );
 ReactionButton.displayName = "ReactionButton";

package/lib/components/ReactionButton/ReactionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactionButton/ReactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAI9C,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,cAAc,+FAkB1B,CAAC"}
+{"version":3,"file":"ReactionButton.d.ts","sourceRoot":"","sources":["../../../src/components/ReactionButton/ReactionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,mBACf,SAAQ,0BAA0B,EAChC,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,cAAc,+FAgB1B,CAAC"}

package/lib/components/ReactionButton/ReactionButton.js

@@ -3,15 +3,13 @@ import { reactionButton } from '@seed-design/css/recipes/reaction-button';
 import { Toggle } from '@seed-design/react-toggle';
 import clsx from 'clsx';
 import * as React from 'react';
-import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
 
-const { ClassNameProvider } = createRecipeContext(reactionButton);
 const ReactionButton = React.forwardRef(
   ({ size = "small", loading = false, className, ...otherProps }, ref) => {
     const recipeClassName = reactionButton({ size });
     const api = usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsx(ClassNameProvider, { value: recipeClassName, children: /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(
       Toggle.Root,
       {
         ref,
@@ -19,7 +17,7 @@ const ReactionButton = React.forwardRef(
         ...api.stateProps,
         ...otherProps
       }
-    ) }) });
+    ) });
   }
 );
 ReactionButton.displayName = "ReactionButton";

package/lib/components/SelectBox/CheckSelectBox.cjs

@@ -13,10 +13,10 @@ const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
 
-const { withProvider: withGroupProvider } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
-const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
+const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
+const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
 const withStateProps = createWithStateProps.createWithStateProps([reactCheckbox.useCheckboxContext]);
-const CheckSelectBoxGroup = withGroupProvider(
+const CheckSelectBoxGroup = withGroupContext(
   React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(reactPrimitive.Primitive.div, { ref, role: "group", ...props }))
 );
 const CheckSelectBoxRoot = withProvider(

package/lib/components/SelectBox/CheckSelectBox.js

@@ -9,10 +9,10 @@ import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js'
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
 
-const { withProvider: withGroupProvider } = createRecipeContext(selectBoxGroup);
-const { withProvider, withContext } = createSlotRecipeContext(selectBox);
+const { withContext: withGroupContext } = createRecipeContext(selectBoxGroup);
+const { withContext, withProvider } = createSlotRecipeContext(selectBox);
 const withStateProps = createWithStateProps([useCheckboxContext]);
-const CheckSelectBoxGroup = withGroupProvider(
+const CheckSelectBoxGroup = withGroupContext(
   forwardRef((props, ref) => /* @__PURE__ */ jsx(Primitive.div, { ref, role: "group", ...props }))
 );
 const CheckSelectBoxRoot = withProvider(

package/lib/components/SelectBox/RadioSelectBox.cjs

@@ -11,10 +11,10 @@ const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs
 const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 const Icon = require('../private/Icon.cjs');
 
-const { withProvider: withGroupProvider } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
-const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
+const { withContext: withGroupContext } = createRecipeContext.createRecipeContext(selectBoxGroup.selectBoxGroup);
+const { withContext, withProvider } = createSlotRecipeContext.createSlotRecipeContext(selectBox.selectBox);
 const withStateProps = createWithStateProps.createWithStateProps([reactRadioGroup.useRadioGroupItemContext]);
-const RadioSelectBoxRoot = withGroupProvider(
+const RadioSelectBoxRoot = withGroupContext(
   reactRadioGroup.RadioGroup.Root
 );
 const RadioSelectBoxItem = withProvider(

package/lib/components/SelectBox/RadioSelectBox.js

@@ -7,10 +7,10 @@ import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js'
 import { createWithStateProps } from '../../utils/createWithStateProps.js';
 import { InternalIcon } from '../private/Icon.js';
 
-const { withProvider: withGroupProvider } = createRecipeContext(selectBoxGroup);
-const { withProvider, withContext } = createSlotRecipeContext(selectBox);
+const { withContext: withGroupContext } = createRecipeContext(selectBoxGroup);
+const { withContext, withProvider } = createSlotRecipeContext(selectBox);
 const withStateProps = createWithStateProps([useRadioGroupItemContext]);
-const RadioSelectBoxRoot = withGroupProvider(
+const RadioSelectBoxRoot = withGroupContext(
   RadioGroup.Root
 );
 const RadioSelectBoxItem = withProvider(

package/lib/components/Skeleton/Skeleton.cjs

@@ -7,7 +7,7 @@ const skeleton = require('@seed-design/css/recipes/skeleton');
 const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const styled = require('../../utils/styled.cjs');
 
-const { withProvider } = createRecipeContext.createRecipeContext(skeleton.skeleton);
-const Skeleton = withProvider(styled.withStyleProps(reactPrimitive.Primitive.div));
+const { withContext } = createRecipeContext.createRecipeContext(skeleton.skeleton);
+const Skeleton = withContext(styled.withStyleProps(reactPrimitive.Primitive.div));
 
 exports.Skeleton = Skeleton;

package/lib/components/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrE,MAAM,WAAW,aACf,SAAQ,oBAAoB,EAC1B,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAC,EACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CAAG;AAE1D,eAAO,MAAM,QAAQ,sFAA6E,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrE,MAAM,WAAW,aACf,SAAQ,oBAAoB,EAC1B,cAAc,EACd,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,OAAO,CAAC,EACpC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CAAG;AAE1D,eAAO,MAAM,QAAQ,sFAA4E,CAAC"}

package/lib/components/Skeleton/Skeleton.js

@@ -3,7 +3,7 @@ import { skeleton } from '@seed-design/css/recipes/skeleton';
 import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { withStyleProps } from '../../utils/styled.js';
 
-const { withProvider } = createRecipeContext(skeleton);
-const Skeleton = withProvider(withStyleProps(Primitive.div));
+const { withContext } = createRecipeContext(skeleton);
+const Skeleton = withContext(withStyleProps(Primitive.div));
 
 export { Skeleton };

package/lib/components/Snackbar/Snackbar.cjs

@@ -13,10 +13,10 @@ const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
 const Icon = require('../private/Icon.cjs');
 
-const { withProvider: withRegionProvider } = createRecipeContext.createRecipeContext(snackbarRegion.snackbarRegion);
+const { withContext: withRegionContext } = createRecipeContext.createRecipeContext(snackbarRegion.snackbarRegion);
 const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(snackbar.snackbar);
 const SnackbarRootProvider = reactSnackbar.Snackbar.RootProvider;
-const SnackbarRegion = withRegionProvider(
+const SnackbarRegion = withRegionContext(
   reactSnackbar.Snackbar.Region
 );
 const SnackbarRoot = withProvider(

package/lib/components/Snackbar/Snackbar.js

@@ -9,10 +9,10 @@ import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
 import { InternalIcon } from '../private/Icon.js';
 
-const { withProvider: withRegionProvider } = createRecipeContext(snackbarRegion);
+const { withContext: withRegionContext } = createRecipeContext(snackbarRegion);
 const { withProvider, withContext } = createSlotRecipeContext(snackbar);
 const SnackbarRootProvider = Snackbar.RootProvider;
-const SnackbarRegion = withRegionProvider(
+const SnackbarRegion = withRegionContext(
   Snackbar.Region
 );
 const SnackbarRoot = withProvider(

package/lib/components/Tabs/Tabs.cjs

@@ -2,26 +2,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const reactPrimitive = require('@seed-design/react-primitive');
-const reactTabs = require('@seed-design/react-tabs');
 const tabs = require('@seed-design/css/recipes/tabs');
+const reactTabs = require('@seed-design/react-tabs');
 const createSlotRecipeContext = require('../../utils/createSlotRecipeContext.cjs');
-const createWithStateProps = require('../../utils/createWithStateProps.cjs');
 
 const { withProvider, withContext } = createSlotRecipeContext.createSlotRecipeContext(tabs.tabs);
-const withStateProps = createWithStateProps.createWithStateProps([reactTabs.useTabsContext, reactTabs.useTabsTriggerContext], {
-  strict: false
-});
 const TabsRoot = withProvider(reactTabs.Tabs.Root, "root");
 const TabsList = withContext(reactTabs.Tabs.List, "list");
 const TabsTrigger = withContext(
   reactTabs.Tabs.Trigger,
   "trigger"
 );
-const TabsTriggerNotification = withContext(
-  withStateProps(reactPrimitive.Primitive.div),
-  "triggerNotification"
-);
 const TabsIndicator = withContext(
   reactTabs.Tabs.Indicator,
   "indicator"
@@ -46,4 +37,3 @@ exports.TabsIndicator = TabsIndicator;
 exports.TabsList = TabsList;
 exports.TabsRoot = TabsRoot;
 exports.TabsTrigger = TabsTrigger;
-exports.TabsTriggerNotification = TabsTriggerNotification;

package/lib/components/Tabs/Tabs.d.ts

@@ -1,29 +1,25 @@
-import { PrimitiveProps } from '@seed-design/react-primitive';
-import { Tabs as TabsPrimitive } from '@seed-design/react-tabs';
 import { TabsVariantProps } from '@seed-design/css/recipes/tabs';
-import { default as React } from 'react';
+import { Tabs as TabsPrimitive } from '@seed-design/react-tabs';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TabsRootProps extends TabsVariantProps, TabsPrimitive.RootProps {
 }
-export declare const TabsRoot: React.ForwardRefExoticComponent<TabsRootProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsRoot: ForwardRefExoticComponent<TabsRootProps & RefAttributes<HTMLDivElement>>;
 export interface TabsListProps extends TabsPrimitive.ListProps {
 }
-export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsList: ForwardRefExoticComponent<TabsListProps & RefAttributes<HTMLDivElement>>;
 export interface TabsTriggerProps extends TabsPrimitive.TriggerProps {
 }
-export declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export interface TabsTriggerNotificationProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
-}
-export declare const TabsTriggerNotification: React.ForwardRefExoticComponent<TabsTriggerNotificationProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: ForwardRefExoticComponent<TabsTriggerProps & RefAttributes<HTMLButtonElement>>;
 export interface TabsIndicatorProps extends TabsPrimitive.IndicatorProps {
 }
-export declare const TabsIndicator: React.ForwardRefExoticComponent<TabsIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const TabsIndicator: ForwardRefExoticComponent<TabsIndicatorProps & RefAttributes<HTMLSpanElement>>;
 export interface TabsContentProps extends TabsPrimitive.ContentProps {
 }
-export declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const TabsContent: ForwardRefExoticComponent<TabsContentProps & RefAttributes<HTMLSpanElement>>;
 export interface TabsCarouselProps extends TabsPrimitive.CarouselProps {
 }
-export declare const TabsCarousel: React.ForwardRefExoticComponent<TabsCarouselProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsCarousel: ForwardRefExoticComponent<TabsCarouselProps & RefAttributes<HTMLDivElement>>;
 export interface TabsCarouselCameraProps extends TabsPrimitive.CarouselCameraProps {
 }
-export declare const TabsCarouselCamera: React.ForwardRefExoticComponent<TabsCarouselCameraProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsCarouselCamera: ForwardRefExoticComponent<TabsCarouselCameraProps & RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tabs.d.ts.map

package/lib/components/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EACL,IAAI,IAAI,aAAa,EAGtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAG5E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,aAAa,CAAC,SAAS;CAAG;AAEnF,eAAO,MAAM,QAAQ,sFAA0E,CAAC;AAIhG,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,SAAS;CAAG;AAEjE,eAAO,MAAM,QAAQ,sFAAyE,CAAC;AAI/F,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,4FAGvB,CAAC;AAIF,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,uBAAuB,qGAGnC,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,cAAc;CAAG;AAE3E,eAAO,MAAM,aAAa,4FAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,0FAGvB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,YAAY,0FAGxB,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAErF,eAAO,MAAM,kBAAkB,gGAG9B,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOhE,MAAM,WAAW,aAAc,SAAQ,gBAAgB,EAAE,aAAa,CAAC,SAAS;CAAG;AAEnF,eAAO,MAAM,QAAQ,0GAA0E,CAAC;AAIhG,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,SAAS;CAAG;AAEjE,eAAO,MAAM,QAAQ,0GAAyE,CAAC;AAI/F,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,gHAGvB,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,aAAa,CAAC,cAAc;CAAG;AAE3E,eAAO,MAAM,aAAa,gHAGzB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,YAAY;CAAG;AAEvE,eAAO,MAAM,WAAW,8GAGvB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,aAAa,CAAC,aAAa;CAAG;AAEzE,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,mBAAmB;CAAG;AAErF,eAAO,MAAM,kBAAkB,oHAG9B,CAAC"}

package/lib/components/Tabs/Tabs.js

@@ -1,23 +1,14 @@
-import { Primitive } from '@seed-design/react-primitive';
-import { Tabs, useTabsContext, useTabsTriggerContext } from '@seed-design/react-tabs';
 import { tabs } from '@seed-design/css/recipes/tabs';
+import { Tabs } from '@seed-design/react-tabs';
 import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
-import { createWithStateProps } from '../../utils/createWithStateProps.js';
 
 const { withProvider, withContext } = createSlotRecipeContext(tabs);
-const withStateProps = createWithStateProps([useTabsContext, useTabsTriggerContext], {
-  strict: false
-});
 const TabsRoot = withProvider(Tabs.Root, "root");
 const TabsList = withContext(Tabs.List, "list");
 const TabsTrigger = withContext(
   Tabs.Trigger,
   "trigger"
 );
-const TabsTriggerNotification = withContext(
-  withStateProps(Primitive.div),
-  "triggerNotification"
-);
 const TabsIndicator = withContext(
   Tabs.Indicator,
   "indicator"
@@ -35,4 +26,4 @@ const TabsCarouselCamera = withContext(
   "carouselCamera"
 );
 
-export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TabsTriggerNotification };
+export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger };

package/lib/components/Tabs/Tabs.namespace.cjs

@@ -13,4 +13,3 @@ exports.Indicator = Tabs.TabsIndicator;
 exports.List = Tabs.TabsList;
 exports.Root = Tabs.TabsRoot;
 exports.Trigger = Tabs.TabsTrigger;
-exports.TriggerNotification = Tabs.TabsTriggerNotification;

package/lib/components/Tabs/Tabs.namespace.d.ts

@@ -1,2 +1,2 @@
-export { TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsCarouselCamera as CarouselCamera, TabsCarousel as Carousel, TabsTrigger as Trigger, TabsTriggerNotification as TriggerNotification, type TabsContentProps as ContentProps, type TabsIndicatorProps as IndicatorProps, type TabsListProps as ListProps, type TabsRootProps as RootProps, type TabsCarouselCameraProps as CarouselCameraProps, type TabsCarouselProps as CarouselProps, type TabsTriggerNotificationProps as TriggerNotificationProps, type TabsTriggerProps as TriggerProps, } from './Tabs';
+export { TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsCarouselCamera as CarouselCamera, TabsCarousel as Carousel, TabsTrigger as Trigger, type TabsContentProps as ContentProps, type TabsIndicatorProps as IndicatorProps, type TabsListProps as ListProps, type TabsRootProps as RootProps, type TabsCarouselCameraProps as CarouselCameraProps, type TabsCarouselProps as CarouselProps, type TabsTriggerProps as TriggerProps, } from './Tabs';
 //# sourceMappingURL=Tabs.namespace.d.ts.map

package/lib/components/Tabs/Tabs.namespace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,aAAa,IAAI,SAAS,EAC1B,QAAQ,IAAI,IAAI,EAChB,QAAQ,IAAI,IAAI,EAChB,kBAAkB,IAAI,cAAc,EACpC,YAAY,IAAI,QAAQ,EACxB,WAAW,IAAI,OAAO,EACtB,uBAAuB,IAAI,mBAAmB,EAC9C,KAAK,gBAAgB,IAAI,YAAY,EACrC,KAAK,kBAAkB,IAAI,cAAc,EACzC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,uBAAuB,IAAI,mBAAmB,EACnD,KAAK,iBAAiB,IAAI,aAAa,EACvC,KAAK,4BAA4B,IAAI,wBAAwB,EAC7D,KAAK,gBAAgB,IAAI,YAAY,GACtC,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"Tabs.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,aAAa,IAAI,SAAS,EAC1B,QAAQ,IAAI,IAAI,EAChB,QAAQ,IAAI,IAAI,EAChB,kBAAkB,IAAI,cAAc,EACpC,YAAY,IAAI,QAAQ,EACxB,WAAW,IAAI,OAAO,EACtB,KAAK,gBAAgB,IAAI,YAAY,EACrC,KAAK,kBAAkB,IAAI,cAAc,EACzC,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,aAAa,IAAI,SAAS,EAC/B,KAAK,uBAAuB,IAAI,mBAAmB,EACnD,KAAK,iBAAiB,IAAI,aAAa,EACvC,KAAK,gBAAgB,IAAI,YAAY,GACtC,MAAM,QAAQ,CAAC"}

package/lib/components/Tabs/Tabs.namespace.js

@@ -1 +1 @@
-export { TabsCarousel as Carousel, TabsCarouselCamera as CarouselCamera, TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsTrigger as Trigger, TabsTriggerNotification as TriggerNotification } from './Tabs.js';
+export { TabsCarousel as Carousel, TabsCarouselCamera as CarouselCamera, TabsContent as Content, TabsIndicator as Indicator, TabsList as List, TabsRoot as Root, TabsTrigger as Trigger } from './Tabs.js';

package/lib/components/Tabs/index.cjs

@@ -14,5 +14,4 @@ exports.TabsIndicator = Tabs.TabsIndicator;
 exports.TabsList = Tabs.TabsList;
 exports.TabsRoot = Tabs.TabsRoot;
 exports.TabsTrigger = Tabs.TabsTrigger;
-exports.TabsTriggerNotification = Tabs.TabsTriggerNotification;
 exports.Tabs = Tabs_namespace;

package/lib/components/Tabs/index.d.ts

@@ -1,3 +1,3 @@
-export { TabsContent, TabsIndicator, TabsList, TabsRoot, TabsCarouselCamera, TabsCarousel, TabsTrigger, TabsTriggerNotification, type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootProps, type TabsCarouselCameraProps, type TabsCarouselProps, type TabsTriggerNotificationProps, type TabsTriggerProps, } from './Tabs';
+export { TabsContent, TabsIndicator, TabsList, TabsRoot, TabsCarouselCamera, TabsCarousel, TabsTrigger, type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootProps, type TabsCarouselCameraProps, type TabsCarouselProps, type TabsTriggerProps, } from './Tabs';
 export * as Tabs from './Tabs.namespace';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,uBAAuB,EACvB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,4BAA4B,EACjC,KAAK,gBAAgB,GACtB,MAAM,QAAQ,CAAC;AAEhB,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,uBAAuB,EAC5B,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,QAAQ,CAAC;AAEhB,OAAO,KAAK,IAAI,MAAM,kBAAkB,CAAC"}

package/lib/components/Tabs/index.js

@@ -1,3 +1,3 @@
-export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TabsTriggerNotification } from './Tabs.js';
+export { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from './Tabs.js';
 import * as Tabs_namespace from './Tabs.namespace.js';
 export { Tabs_namespace as Tabs };

package/lib/components/ToggleButton/ToggleButton.cjs

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const reactToggle = require('@seed-design/react-toggle');
 const toggleButton = require('@seed-design/css/recipes/toggle-button');
+const reactToggle = require('@seed-design/react-toggle');
 const clsx = require('clsx');
 const React = require('react');
-const createRecipeContext = require('../../utils/createRecipeContext.cjs');
 const usePendingButton = require('../LoadingIndicator/usePendingButton.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -29,12 +28,11 @@ function _interopNamespaceDefault(e) {
 
 const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-const { ClassNameProvider } = createRecipeContext.createRecipeContext(toggleButton.toggleButton);
 const ToggleButton = React__namespace.forwardRef(
   ({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
     const recipeClassName = toggleButton.toggleButton({ variant, size });
     const api = usePendingButton.usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsxRuntime.jsx(ClassNameProvider, { value: recipeClassName, children: /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(usePendingButton.PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(
       reactToggle.Toggle.Root,
       {
         ref,
@@ -42,7 +40,7 @@ const ToggleButton = React__namespace.forwardRef(
         ...api.stateProps,
         ...otherProps
       }
-    ) }) });
+    ) });
   }
 );
 ToggleButton.displayName = "ToggleButton";

package/lib/components/ToggleButton/ToggleButton.d.ts

@@ -1,5 +1,5 @@
-import { Toggle as TogglePrimitive } from '@seed-design/react-toggle';
 import { ToggleButtonVariantProps } from '@seed-design/css/recipes/toggle-button';
+import { Toggle as TogglePrimitive } from '@seed-design/react-toggle';
 import { UsePendingButtonProps } from '../LoadingIndicator/usePendingButton';
 import * as React from "react";
 export interface ToggleButtonProps extends ToggleButtonVariantProps, UsePendingButtonProps, TogglePrimitive.RootProps {

package/lib/components/ToggleButton/ToggleButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAI9C,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,YAAY,6FAkBxB,CAAC"}
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAE9C,MAAM,WAAW,iBACf,SAAQ,wBAAwB,EAC9B,qBAAqB,EACrB,eAAe,CAAC,SAAS;CAAG;AAEhC,eAAO,MAAM,YAAY,6FAgBxB,CAAC"}

package/lib/components/ToggleButton/ToggleButton.js

@@ -1,17 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
-import { Toggle } from '@seed-design/react-toggle';
 import { toggleButton } from '@seed-design/css/recipes/toggle-button';
+import { Toggle } from '@seed-design/react-toggle';
 import clsx from 'clsx';
 import * as React from 'react';
-import { createRecipeContext } from '../../utils/createRecipeContext.js';
 import { usePendingButton, PendingButtonProvider } from '../LoadingIndicator/usePendingButton.js';
 
-const { ClassNameProvider } = createRecipeContext(toggleButton);
 const ToggleButton = React.forwardRef(
   ({ variant = "brandSolid", size = "small", loading = false, className, ...otherProps }, ref) => {
     const recipeClassName = toggleButton({ variant, size });
     const api = usePendingButton({ loading, disabled: otherProps.disabled });
-    return /* @__PURE__ */ jsx(ClassNameProvider, { value: recipeClassName, children: /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(PendingButtonProvider, { value: api, children: /* @__PURE__ */ jsx(
       Toggle.Root,
       {
         ref,
@@ -19,7 +17,7 @@ const ToggleButton = React.forwardRef(
         ...api.stateProps,
         ...otherProps
       }
-    ) }) });
+    ) });
   }
 );
 ToggleButton.displayName = "ToggleButton";

package/lib/components/index.cjs

@@ -40,7 +40,10 @@ const InlineBanner = require('./InlineBanner/InlineBanner.cjs');
 const InlineBanner_namespace = require('./InlineBanner/InlineBanner.namespace.cjs');
 const LinkContent = require('./LinkContent/LinkContent.cjs');
 const LoadingIndicator = require('./LoadingIndicator/LoadingIndicator.cjs');
+const MannerTemp = require('./MannerTemp/MannerTemp.cjs');
+const MannerTempEmote = require('./MannerTemp/MannerTempEmote.cjs');
 const MannerTempBadge = require('./MannerTempBadge/MannerTempBadge.cjs');
+const NotificationBadge = require('./NotificationBadge/NotificationBadge.cjs');
 const ProgressCircle = require('./ProgressCircle/ProgressCircle.cjs');
 const ProgressCircle_namespace = require('./ProgressCircle/ProgressCircle.namespace.cjs');
 const PullToRefresh = require('./PullToRefresh/PullToRefresh.cjs');
@@ -185,7 +188,11 @@ exports.InlineBannerTitle = InlineBanner.InlineBannerTitle;
 exports.InlineBanner = InlineBanner_namespace;
 exports.LinkContent = LinkContent.LinkContent;
 exports.LoadingIndicator = LoadingIndicator.LoadingIndicator;
+exports.MannerTemp = MannerTemp.MannerTemp;
+exports.MannerTempEmote = MannerTempEmote.MannerTempEmote;
 exports.MannerTempBadge = MannerTempBadge.MannerTempBadge;
+exports.NotificationBadge = NotificationBadge.NotificationBadge;
+exports.NotificationBadgePositioner = NotificationBadge.NotificationBadgePositioner;
 exports.ProgressCircleRange = ProgressCircle.ProgressCircleRange;
 exports.ProgressCircleRoot = ProgressCircle.ProgressCircleRoot;
 exports.ProgressCircleTrack = ProgressCircle.ProgressCircleTrack;
@@ -248,7 +255,6 @@ exports.TabsIndicator = Tabs.TabsIndicator;
 exports.TabsList = Tabs.TabsList;
 exports.TabsRoot = Tabs.TabsRoot;
 exports.TabsTrigger = Tabs.TabsTrigger;
-exports.TabsTriggerNotification = Tabs.TabsTriggerNotification;
 exports.Tabs = Tabs_namespace;
 exports.Text = Text.Text;
 exports.TextFieldCharacterCount = TextField.TextFieldCharacterCount;

package/lib/components/index.d.ts

@@ -25,7 +25,9 @@ export * from './Inline';
 export * from './InlineBanner';
 export * from './LinkContent';
 export * from './LoadingIndicator';
+export * from './MannerTemp';
 export * from './MannerTempBadge';
+export * from './NotificationBadge';
 export * from './ProgressCircle';
 export * from './PullToRefresh';
 export * from './ReactionButton';

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}