@seed-design/react 0.1.3 → 0.1.5

package/lib/components/MenuSheet/MenuSheet.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { Dialog, useDialogContext } from '@seed-design/react-dialog';
+import { Primitive } from '@seed-design/react-primitive';
+import { menuSheet } from '@seed-design/css/recipes/menu-sheet';
+import { menuSheetItem } from '@seed-design/css/recipes/menu-sheet-item';
+import * as React from 'react';
+import { createRecipeContext } from '../../utils/createRecipeContext.js';
+import { createSlotRecipeContext } from '../../utils/createSlotRecipeContext.js';
+import { createWithStateProps } from '../../utils/createWithStateProps.js';
+
+const { withRootProvider, withContext } = createSlotRecipeContext(menuSheet);
+const {
+  withContext: withItemContext,
+  PropsProvider: ItemPropsProvider,
+  useProps: useItemProps
+} = createRecipeContext(menuSheetItem);
+const withStateProps = createWithStateProps([useDialogContext]);
+const MenuSheetRoot = withRootProvider(Dialog.Root, {
+  defaultProps: {
+    lazyMount: true,
+    unmountOnExit: true
+  }
+});
+const MenuSheetTrigger = Dialog.Trigger;
+const MenuSheetPositioner = withContext(
+  Dialog.Positioner,
+  "positioner"
+);
+const MenuSheetBackdrop = withContext(
+  Dialog.Backdrop,
+  "backdrop"
+);
+const MenuSheetContentBase = withContext(
+  Dialog.Content,
+  "content"
+);
+const MenuSheetContent = React.forwardRef(
+  ({ labelAlign, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(ItemPropsProvider, { value: React.useMemo(() => ({ labelAlign }), [labelAlign]), children: /* @__PURE__ */ jsx(MenuSheetContentBase, { ref, ...props, children }) });
+  }
+);
+const MenuSheetHeader = withContext(
+  withStateProps(Primitive.div),
+  "header"
+);
+const MenuSheetTitle = withContext(
+  withStateProps(Primitive.h2),
+  "title"
+);
+const MenuSheetList = withContext(
+  withStateProps(Primitive.div),
+  "list"
+);
+const MenuSheetGroupBase = withContext(
+  withStateProps(Primitive.div),
+  "group"
+);
+const MenuSheetGroup = React.forwardRef(
+  ({ labelAlign: overriddenLabelAlign, children, ...props }, ref) => {
+    const parentProps = useItemProps();
+    const labelAlign = overriddenLabelAlign ?? parentProps?.labelAlign;
+    return /* @__PURE__ */ jsx(ItemPropsProvider, { value: React.useMemo(() => ({ labelAlign }), [labelAlign]), children: /* @__PURE__ */ jsx(MenuSheetGroupBase, { ref, ...props, children }) });
+  }
+);
+const MenuSheetItemBase = withItemContext(
+  withStateProps(Primitive.button)
+);
+const MenuSheetItem = React.forwardRef(
+  ({ labelAlign: overriddenLabelAlign, ...props }, ref) => {
+    const parentProps = useItemProps();
+    const labelAlign = overriddenLabelAlign ?? parentProps?.labelAlign;
+    return /* @__PURE__ */ jsx(MenuSheetItemBase, { ref, labelAlign, ...props });
+  }
+);
+const MenuSheetFooter = withContext(
+  withStateProps(Primitive.div),
+  "footer"
+);
+const MenuSheetCloseButton = withContext(
+  Dialog.CloseButton,
+  "closeButton"
+);
+
+export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger };

package/lib/components/MenuSheet/MenuSheet.namespace.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const MenuSheet = require('./MenuSheet.cjs');
+
+
+
+exports.Backdrop = MenuSheet.MenuSheetBackdrop;
+exports.CloseButton = MenuSheet.MenuSheetCloseButton;
+exports.Content = MenuSheet.MenuSheetContent;
+exports.Footer = MenuSheet.MenuSheetFooter;
+exports.Group = MenuSheet.MenuSheetGroup;
+exports.Header = MenuSheet.MenuSheetHeader;
+exports.Item = MenuSheet.MenuSheetItem;
+exports.List = MenuSheet.MenuSheetList;
+exports.Positioner = MenuSheet.MenuSheetPositioner;
+exports.Root = MenuSheet.MenuSheetRoot;
+exports.Title = MenuSheet.MenuSheetTitle;
+exports.Trigger = MenuSheet.MenuSheetTrigger;

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

@@ -0,0 +1,2 @@
+export { MenuSheetBackdrop as Backdrop, MenuSheetPositioner as Positioner, MenuSheetContent as Content, MenuSheetFooter as Footer, MenuSheetHeader as Header, MenuSheetRoot as Root, MenuSheetTitle as Title, MenuSheetTrigger as Trigger, MenuSheetList as List, MenuSheetGroup as Group, MenuSheetItem as Item, MenuSheetCloseButton as CloseButton, type MenuSheetBackdropProps as BackdropProps, type MenuSheetPositionerProps as PositionerProps, type MenuSheetContentProps as ContentProps, type MenuSheetFooterProps as FooterProps, type MenuSheetHeaderProps as HeaderProps, type MenuSheetRootProps as RootProps, type MenuSheetTitleProps as TitleProps, type MenuSheetTriggerProps as TriggerProps, type MenuSheetListProps as ListProps, type MenuSheetGroupProps as GroupProps, type MenuSheetItemProps as ItemProps, type MenuSheetCloseButtonProps as CloseButtonProps, } from './MenuSheet';
+//# sourceMappingURL=MenuSheet.namespace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSheet.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSheet/MenuSheet.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,mBAAmB,IAAI,UAAU,EACjC,gBAAgB,IAAI,OAAO,EAC3B,eAAe,IAAI,MAAM,EACzB,eAAe,IAAI,MAAM,EACzB,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,gBAAgB,IAAI,OAAO,EAC3B,aAAa,IAAI,IAAI,EACrB,cAAc,IAAI,KAAK,EACvB,aAAa,IAAI,IAAI,EACrB,oBAAoB,IAAI,WAAW,EACnC,KAAK,sBAAsB,IAAI,aAAa,EAC5C,KAAK,wBAAwB,IAAI,eAAe,EAChD,KAAK,qBAAqB,IAAI,YAAY,EAC1C,KAAK,oBAAoB,IAAI,WAAW,EACxC,KAAK,oBAAoB,IAAI,WAAW,EACxC,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,mBAAmB,IAAI,UAAU,EACtC,KAAK,qBAAqB,IAAI,YAAY,EAC1C,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,mBAAmB,IAAI,UAAU,EACtC,KAAK,kBAAkB,IAAI,SAAS,EACpC,KAAK,yBAAyB,IAAI,gBAAgB,GACnD,MAAM,aAAa,CAAC"}

package/lib/components/MenuSheet/MenuSheet.namespace.js

@@ -0,0 +1 @@
+export { MenuSheetBackdrop as Backdrop, MenuSheetCloseButton as CloseButton, MenuSheetContent as Content, MenuSheetFooter as Footer, MenuSheetGroup as Group, MenuSheetHeader as Header, MenuSheetItem as Item, MenuSheetList as List, MenuSheetPositioner as Positioner, MenuSheetRoot as Root, MenuSheetTitle as Title, MenuSheetTrigger as Trigger } from './MenuSheet.js';

package/lib/components/MenuSheet/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const MenuSheet = require('./MenuSheet.cjs');
+const MenuSheet_namespace = require('./MenuSheet.namespace.cjs');
+
+
+
+exports.MenuSheetBackdrop = MenuSheet.MenuSheetBackdrop;
+exports.MenuSheetCloseButton = MenuSheet.MenuSheetCloseButton;
+exports.MenuSheetContent = MenuSheet.MenuSheetContent;
+exports.MenuSheetFooter = MenuSheet.MenuSheetFooter;
+exports.MenuSheetGroup = MenuSheet.MenuSheetGroup;
+exports.MenuSheetHeader = MenuSheet.MenuSheetHeader;
+exports.MenuSheetItem = MenuSheet.MenuSheetItem;
+exports.MenuSheetList = MenuSheet.MenuSheetList;
+exports.MenuSheetPositioner = MenuSheet.MenuSheetPositioner;
+exports.MenuSheetRoot = MenuSheet.MenuSheetRoot;
+exports.MenuSheetTitle = MenuSheet.MenuSheetTitle;
+exports.MenuSheetTrigger = MenuSheet.MenuSheetTrigger;
+exports.MenuSheet = MenuSheet_namespace;

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

@@ -0,0 +1,3 @@
+export { MenuSheetBackdrop, MenuSheetPositioner, MenuSheetContent, MenuSheetFooter, MenuSheetHeader, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger, MenuSheetList, MenuSheetGroup, MenuSheetItem, MenuSheetCloseButton, type MenuSheetBackdropProps, type MenuSheetPositionerProps, type MenuSheetContentProps, type MenuSheetFooterProps, type MenuSheetHeaderProps, type MenuSheetRootProps, type MenuSheetTitleProps, type MenuSheetTriggerProps, type MenuSheetListProps, type MenuSheetGroupProps, type MenuSheetItemProps, type MenuSheetCloseButtonProps, } from './MenuSheet';
+export * as MenuSheet from './MenuSheet.namespace';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MenuSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,GAC/B,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,SAAS,MAAM,uBAAuB,CAAC"}

package/lib/components/MenuSheet/index.js

@@ -0,0 +1,3 @@
+export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger } from './MenuSheet.js';
+import * as MenuSheet_namespace from './MenuSheet.namespace.js';
+export { MenuSheet_namespace as MenuSheet };

package/lib/components/index.cjs

@@ -17,6 +17,8 @@ const Callout_namespace = require('./Callout/Callout.namespace.cjs');
 const Celcius = require('./Celcius/Celcius.cjs');
 const Checkbox = require('./Checkbox/Checkbox.cjs');
 const Checkbox_namespace = require('./Checkbox/Checkbox.namespace.cjs');
+const Chip = require('./Chip/Chip.cjs');
+const Chip_namespace = require('./Chip/Chip.namespace.cjs');
 const ChipTabs = require('./ChipTabs/ChipTabs.cjs');
 const ChipTabs_namespace = require('./ChipTabs/ChipTabs.namespace.cjs');
 const Columns = require('./Columns/Columns.cjs');
@@ -48,6 +50,8 @@ 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 MenuSheet = require('./MenuSheet/MenuSheet.cjs');
+const MenuSheet_namespace = require('./MenuSheet/MenuSheet.namespace.cjs');
 const NotificationBadge = require('./NotificationBadge/NotificationBadge.cjs');
 const reactPortal = require('@seed-design/react-portal');
 const ProgressCircle = require('./ProgressCircle/ProgressCircle.cjs');
@@ -129,6 +133,12 @@ exports.CheckboxIndicator = Checkbox.CheckboxIndicator;
 exports.CheckboxLabel = Checkbox.CheckboxLabel;
 exports.CheckboxRoot = Checkbox.CheckboxRoot;
 exports.Checkbox = Checkbox_namespace;
+exports.ChipLabel = Chip.ChipLabel;
+exports.ChipPrefixAvatar = Chip.ChipPrefixAvatar;
+exports.ChipPrefixIcon = Chip.ChipPrefixIcon;
+exports.ChipRoot = Chip.ChipRoot;
+exports.ChipSuffixIcon = Chip.ChipSuffixIcon;
+exports.Chip = Chip_namespace;
 exports.ChipTabsCarousel = ChipTabs.ChipTabsCarousel;
 exports.ChipTabsCarouselCamera = ChipTabs.ChipTabsCarouselCamera;
 exports.ChipTabsContent = ChipTabs.ChipTabsContent;
@@ -205,6 +215,19 @@ exports.LoadingIndicator = LoadingIndicator.LoadingIndicator;
 exports.MannerTemp = MannerTemp.MannerTemp;
 exports.MannerTempEmote = MannerTempEmote.MannerTempEmote;
 exports.MannerTempBadge = MannerTempBadge.MannerTempBadge;
+exports.MenuSheetBackdrop = MenuSheet.MenuSheetBackdrop;
+exports.MenuSheetCloseButton = MenuSheet.MenuSheetCloseButton;
+exports.MenuSheetContent = MenuSheet.MenuSheetContent;
+exports.MenuSheetFooter = MenuSheet.MenuSheetFooter;
+exports.MenuSheetGroup = MenuSheet.MenuSheetGroup;
+exports.MenuSheetHeader = MenuSheet.MenuSheetHeader;
+exports.MenuSheetItem = MenuSheet.MenuSheetItem;
+exports.MenuSheetList = MenuSheet.MenuSheetList;
+exports.MenuSheetPositioner = MenuSheet.MenuSheetPositioner;
+exports.MenuSheetRoot = MenuSheet.MenuSheetRoot;
+exports.MenuSheetTitle = MenuSheet.MenuSheetTitle;
+exports.MenuSheetTrigger = MenuSheet.MenuSheetTrigger;
+exports.MenuSheet = MenuSheet_namespace;
 exports.NotificationBadge = NotificationBadge.NotificationBadge;
 exports.NotificationBadgePositioner = NotificationBadge.NotificationBadgePositioner;
 Object.defineProperty(exports, "Portal", {

package/lib/components/index.d.ts

@@ -8,6 +8,7 @@ export * from './Box';
 export * from './Callout';
 export * from './Celcius';
 export * from './Checkbox';
+export * from './Chip';
 export * from './ChipTabs';
 export * from './Columns';
 export * from './ConsistentWidth';
@@ -31,6 +32,7 @@ export * from './LinkContent';
 export * from './LoadingIndicator';
 export * from './MannerTemp';
 export * from './MannerTempBadge';
+export * from './MenuSheet';
 export * from './NotificationBadge';
 export * from './Portal';
 export * from './ProgressCircle';

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,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,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,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,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,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,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,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,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"}

package/lib/components/index.js

@@ -18,6 +18,9 @@ export { Celcius } from './Celcius/Celcius.js';
 export { CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from './Checkbox/Checkbox.js';
 import * as Checkbox_namespace from './Checkbox/Checkbox.namespace.js';
 export { Checkbox_namespace as Checkbox };
+export { ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon } from './Chip/Chip.js';
+import * as Chip_namespace from './Chip/Chip.namespace.js';
+export { Chip_namespace as Chip };
 export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from './ChipTabs/ChipTabs.js';
 import * as ChipTabs_namespace from './ChipTabs/ChipTabs.namespace.js';
 export { ChipTabs_namespace as ChipTabs };
@@ -56,6 +59,9 @@ export { LoadingIndicator } from './LoadingIndicator/LoadingIndicator.js';
 export { MannerTemp } from './MannerTemp/MannerTemp.js';
 export { MannerTempEmote } from './MannerTemp/MannerTempEmote.js';
 export { MannerTempBadge } from './MannerTempBadge/MannerTempBadge.js';
+export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger } from './MenuSheet/MenuSheet.js';
+import * as MenuSheet_namespace from './MenuSheet/MenuSheet.namespace.js';
+export { MenuSheet_namespace as MenuSheet };
 export { NotificationBadge, NotificationBadgePositioner } from './NotificationBadge/NotificationBadge.js';
 export { Portal } from '@seed-design/react-portal';
 export { ProgressCircleRange, ProgressCircleRoot, ProgressCircleTrack } from './ProgressCircle/ProgressCircle.js';

package/lib/index.cjs

@@ -17,6 +17,8 @@ const Callout_namespace = require('./components/Callout/Callout.namespace.cjs');
 const Celcius = require('./components/Celcius/Celcius.cjs');
 const Checkbox = require('./components/Checkbox/Checkbox.cjs');
 const Checkbox_namespace = require('./components/Checkbox/Checkbox.namespace.cjs');
+const Chip = require('./components/Chip/Chip.cjs');
+const Chip_namespace = require('./components/Chip/Chip.namespace.cjs');
 const ChipTabs = require('./components/ChipTabs/ChipTabs.cjs');
 const ChipTabs_namespace = require('./components/ChipTabs/ChipTabs.namespace.cjs');
 const Columns = require('./components/Columns/Columns.cjs');
@@ -48,6 +50,8 @@ const LoadingIndicator = require('./components/LoadingIndicator/LoadingIndicator
 const MannerTemp = require('./components/MannerTemp/MannerTemp.cjs');
 const MannerTempEmote = require('./components/MannerTemp/MannerTempEmote.cjs');
 const MannerTempBadge = require('./components/MannerTempBadge/MannerTempBadge.cjs');
+const MenuSheet = require('./components/MenuSheet/MenuSheet.cjs');
+const MenuSheet_namespace = require('./components/MenuSheet/MenuSheet.namespace.cjs');
 const NotificationBadge = require('./components/NotificationBadge/NotificationBadge.cjs');
 const reactPortal = require('@seed-design/react-portal');
 const ProgressCircle = require('./components/ProgressCircle/ProgressCircle.cjs');
@@ -129,6 +133,12 @@ exports.CheckboxIndicator = Checkbox.CheckboxIndicator;
 exports.CheckboxLabel = Checkbox.CheckboxLabel;
 exports.CheckboxRoot = Checkbox.CheckboxRoot;
 exports.Checkbox = Checkbox_namespace;
+exports.ChipLabel = Chip.ChipLabel;
+exports.ChipPrefixAvatar = Chip.ChipPrefixAvatar;
+exports.ChipPrefixIcon = Chip.ChipPrefixIcon;
+exports.ChipRoot = Chip.ChipRoot;
+exports.ChipSuffixIcon = Chip.ChipSuffixIcon;
+exports.Chip = Chip_namespace;
 exports.ChipTabsCarousel = ChipTabs.ChipTabsCarousel;
 exports.ChipTabsCarouselCamera = ChipTabs.ChipTabsCarouselCamera;
 exports.ChipTabsContent = ChipTabs.ChipTabsContent;
@@ -205,6 +215,19 @@ exports.LoadingIndicator = LoadingIndicator.LoadingIndicator;
 exports.MannerTemp = MannerTemp.MannerTemp;
 exports.MannerTempEmote = MannerTempEmote.MannerTempEmote;
 exports.MannerTempBadge = MannerTempBadge.MannerTempBadge;
+exports.MenuSheetBackdrop = MenuSheet.MenuSheetBackdrop;
+exports.MenuSheetCloseButton = MenuSheet.MenuSheetCloseButton;
+exports.MenuSheetContent = MenuSheet.MenuSheetContent;
+exports.MenuSheetFooter = MenuSheet.MenuSheetFooter;
+exports.MenuSheetGroup = MenuSheet.MenuSheetGroup;
+exports.MenuSheetHeader = MenuSheet.MenuSheetHeader;
+exports.MenuSheetItem = MenuSheet.MenuSheetItem;
+exports.MenuSheetList = MenuSheet.MenuSheetList;
+exports.MenuSheetPositioner = MenuSheet.MenuSheetPositioner;
+exports.MenuSheetRoot = MenuSheet.MenuSheetRoot;
+exports.MenuSheetTitle = MenuSheet.MenuSheetTitle;
+exports.MenuSheetTrigger = MenuSheet.MenuSheetTrigger;
+exports.MenuSheet = MenuSheet_namespace;
 exports.NotificationBadge = NotificationBadge.NotificationBadge;
 exports.NotificationBadgePositioner = NotificationBadge.NotificationBadgePositioner;
 Object.defineProperty(exports, "Portal", {

package/lib/index.js

@@ -18,6 +18,9 @@ export { Celcius } from './components/Celcius/Celcius.js';
 export { CheckboxControl, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot } from './components/Checkbox/Checkbox.js';
 import * as Checkbox_namespace from './components/Checkbox/Checkbox.namespace.js';
 export { Checkbox_namespace as Checkbox };
+export { ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRoot, ChipSuffixIcon } from './components/Chip/Chip.js';
+import * as Chip_namespace from './components/Chip/Chip.namespace.js';
+export { Chip_namespace as Chip };
 export { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from './components/ChipTabs/ChipTabs.js';
 import * as ChipTabs_namespace from './components/ChipTabs/ChipTabs.namespace.js';
 export { ChipTabs_namespace as ChipTabs };
@@ -56,6 +59,9 @@ export { LoadingIndicator } from './components/LoadingIndicator/LoadingIndicator
 export { MannerTemp } from './components/MannerTemp/MannerTemp.js';
 export { MannerTempEmote } from './components/MannerTemp/MannerTempEmote.js';
 export { MannerTempBadge } from './components/MannerTempBadge/MannerTempBadge.js';
+export { MenuSheetBackdrop, MenuSheetCloseButton, MenuSheetContent, MenuSheetFooter, MenuSheetGroup, MenuSheetHeader, MenuSheetItem, MenuSheetList, MenuSheetPositioner, MenuSheetRoot, MenuSheetTitle, MenuSheetTrigger } from './components/MenuSheet/MenuSheet.js';
+import * as MenuSheet_namespace from './components/MenuSheet/MenuSheet.namespace.js';
+export { MenuSheet_namespace as MenuSheet };
 export { NotificationBadge, NotificationBadgePositioner } from './components/NotificationBadge/NotificationBadge.js';
 export { Portal } from '@seed-design/react-portal';
 export { ProgressCircleRange, ProgressCircleRoot, ProgressCircleTrack } from './components/ProgressCircle/ProgressCircle.js';

package/lib/utils/styled.cjs

@@ -33,6 +33,13 @@ function handleBleed(dimension, direction) {
   }
   return handleDimension(dimension);
 }
+function handlePaddingWithSafeArea(padding, direction) {
+  if (padding === "safeArea") {
+    return `var(--seed-safe-area-${direction})`;
+  }
+  const paddingValue = handleDimension(padding);
+  return paddingValue;
+}
 function handleRadius(radius) {
   if (radius == null) {
     return void 0;
@@ -234,9 +241,9 @@ function useStyleProps(props) {
       "--seed-box-padding": handleDimension(padding ?? p),
       "--seed-box-padding-x": handleDimension(paddingX ?? px),
       "--seed-box-padding-y": handleDimension(paddingY ?? py),
-      "--seed-box-padding-top": handleDimension(paddingTop ?? pt),
+      "--seed-box-padding-top": handlePaddingWithSafeArea(paddingTop ?? pt, "top"),
       "--seed-box-padding-right": handleDimension(paddingRight ?? pr),
-      "--seed-box-padding-bottom": handleDimension(paddingBottom ?? pb),
+      "--seed-box-padding-bottom": handlePaddingWithSafeArea(paddingBottom ?? pb, "bottom"),
       "--seed-box-padding-left": handleDimension(paddingLeft ?? pl),
       "--seed-box-bleed-top": handleBleed(bleedTop ?? bleedY, "top"),
       "--seed-box-bleed-right": handleBleed(bleedRight ?? bleedX, "right"),
@@ -279,5 +286,6 @@ function withStyleProps(Component) {
 
 exports.handleColor = handleColor;
 exports.handleDimension = handleDimension;
+exports.handlePaddingWithSafeArea = handlePaddingWithSafeArea;
 exports.useStyleProps = useStyleProps;
 exports.withStyleProps = withStyleProps;

package/lib/utils/styled.d.ts

@@ -2,6 +2,7 @@ import { ScopedColorBg, ScopedColorFg, ScopedColorPalette, ScopedColorStroke, Di
 import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 export declare function handleColor(color: string | undefined): any;
 export declare function handleDimension(dimension: string | 0 | undefined): string | undefined;
+export declare function handlePaddingWithSafeArea(padding: string | 0 | undefined, direction: "top" | "bottom"): string | undefined;
 export interface StyleProps {
     /**
      * Shorthand for `background`.
@@ -59,21 +60,21 @@ export interface StyleProps {
      * Shorthand for `paddingY`.
      */
     py?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    paddingTop?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
+    paddingTop?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {});
     /**
      * Shorthand for `paddingTop`.
      */
-    pt?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
+    pt?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {});
     paddingRight?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
     /**
      * Shorthand for `paddingRight`.
      */
     pr?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
-    paddingBottom?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
+    paddingBottom?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {});
     /**
      * Shorthand for `paddingBottom`.
      */
-    pb?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
+    pb?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | "safeArea" | (string & {});
     paddingLeft?: Dimension | `spacingX.${SpacingX}` | `spacingY.${SpacingY}` | 0 | (string & {});
     /**
      * Shorthand for `paddingLeft`.

package/lib/utils/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../src/utils/styled.tsx"],"names":[],"mappings":"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"}

package/lib/utils/styled.js

@@ -29,6 +29,13 @@ function handleBleed(dimension, direction) {
   }
   return handleDimension(dimension);
 }
+function handlePaddingWithSafeArea(padding, direction) {
+  if (padding === "safeArea") {
+    return `var(--seed-safe-area-${direction})`;
+  }
+  const paddingValue = handleDimension(padding);
+  return paddingValue;
+}
 function handleRadius(radius) {
   if (radius == null) {
     return void 0;
@@ -230,9 +237,9 @@ function useStyleProps(props) {
       "--seed-box-padding": handleDimension(padding ?? p),
       "--seed-box-padding-x": handleDimension(paddingX ?? px),
       "--seed-box-padding-y": handleDimension(paddingY ?? py),
-      "--seed-box-padding-top": handleDimension(paddingTop ?? pt),
+      "--seed-box-padding-top": handlePaddingWithSafeArea(paddingTop ?? pt, "top"),
       "--seed-box-padding-right": handleDimension(paddingRight ?? pr),
-      "--seed-box-padding-bottom": handleDimension(paddingBottom ?? pb),
+      "--seed-box-padding-bottom": handlePaddingWithSafeArea(paddingBottom ?? pb, "bottom"),
       "--seed-box-padding-left": handleDimension(paddingLeft ?? pl),
       "--seed-box-bleed-top": handleBleed(bleedTop ?? bleedY, "top"),
       "--seed-box-bleed-right": handleBleed(bleedRight ?? bleedX, "right"),
@@ -273,4 +280,4 @@ function withStyleProps(Component) {
   return Node;
 }
 
-export { handleColor, handleDimension, useStyleProps, withStyleProps };
+export { handleColor, handleDimension, handlePaddingWithSafeArea, useStyleProps, withStyleProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/react",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -58,12 +58,12 @@
     "clsx": "^2.1.1"
   },
   "peerDependencies": {
-    "@seed-design/css": "0.1.3",
+    "@seed-design/css": "0.1.5",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@seed-design/css": "0.1.3",
+    "@seed-design/css": "0.1.5",
     "@vitejs/plugin-react": "^4.4.1",
     "ajv": "^8.17.1",
     "globby": "^14.1.0",

package/src/components/ActionChip/ActionChip.tsx

@@ -6,11 +6,27 @@ import { withIconRequired } from "../Icon/Icon";
 
 const { withContext } = createRecipeContext(actionChip);
 
+/**
+ * @deprecated ActionChip is deprecated. Use Chip.Button with variant="solid" instead.
+ * 
+ * Migration guide:
+ * ```tsx
+ * // Before
+ * <ActionChip size="medium">Label</ActionChip>
+ * 
+ * // After
+ * import { Chip } from "@seed-design/react";
+ * <Chip.Button size="medium" variant="solid">Label</Chip.Button>
+ * ```
+ */
 export interface ActionChipProps
   extends ActionChipVariantProps,
     PrimitiveProps,
     React.ButtonHTMLAttributes<HTMLButtonElement> {}
 
+/**
+ * @deprecated ActionChip is deprecated. Use Chip.Button with variant="solid" instead.
+ */
 export const ActionChip = withIconRequired(
   withContext<HTMLButtonElement, ActionChipProps>(Primitive.button),
   (props: ActionChipProps) => props.layout === "iconOnly",