@lobehub/ui 4.25.0 → 4.27.0

package/es/LobeSelect/atoms.d.mts

@@ -1,16 +1,16 @@
 import { LobeSelectSize, LobeSelectVariant } from "./type.mjs";
 import { LOBE_SELECT_CONTAINER_ATTR } from "./constants.mjs";
-import * as react62 from "react";
+import * as react54 from "react";
 import { ComponentProps, ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import * as _base_ui_react_select0 from "@base-ui/react/select";
 import { Select } from "@base-ui/react/select";
 import * as node_modules__base_ui_react_esm_separator_Separator0 from "node_modules/@base-ui/react/esm/separator/Separator";
 
 //#region src/LobeSelect/atoms.d.ts
 declare const LobeSelectRoot: typeof Select.Root;
-declare const LobeSelectBackdrop: react62.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react62.RefAttributes<HTMLDivElement>>;
-declare const LobeSelectSeparator: react62.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react62.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectBackdrop: react54.ForwardRefExoticComponent<_base_ui_react_select0.SelectBackdropProps & react54.RefAttributes<HTMLDivElement>>;
+declare const LobeSelectSeparator: react54.ForwardRefExoticComponent<node_modules__base_ui_react_esm_separator_Separator0.SeparatorProps & react54.RefAttributes<HTMLDivElement>>;
 type LobeSelectTriggerProps = Omit<ComponentPropsWithRef<typeof Select.Trigger>, 'children' | 'render'> & {
   children: ComponentProps<typeof Select.Trigger>['children'];
   shadow?: boolean;
@@ -27,7 +27,7 @@ declare const LobeSelectTrigger: {
     variant,
     ref: refProp,
     ...rest
-  }: LobeSelectTriggerProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectTriggerProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectIconProps = ComponentProps<typeof Select.Icon>;
@@ -35,7 +35,7 @@ declare const LobeSelectIcon: {
   ({
     className,
     ...rest
-  }: LobeSelectIconProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectIconProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectValueProps = ComponentProps<typeof Select.Value>;
@@ -43,7 +43,7 @@ declare const LobeSelectValue: {
   ({
     className,
     ...rest
-  }: LobeSelectValueProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectValueProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectPortalProps = ComponentProps<typeof Select.Portal> & {
@@ -56,7 +56,7 @@ declare const LobeSelectPortal: {
   ({
     container,
     ...rest
-  }: LobeSelectPortalProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectPortalProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectPositionerProps = ComponentProps<typeof Select.Positioner>;
@@ -68,7 +68,7 @@ declare const LobeSelectPositioner: {
     side,
     sideOffset,
     ...rest
-  }: LobeSelectPositionerProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectPositionerProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectPopupProps = ComponentProps<typeof Select.Popup>;
@@ -76,7 +76,7 @@ declare const LobeSelectPopup: {
   ({
     className,
     ...rest
-  }: LobeSelectPopupProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectPopupProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectListProps = ComponentProps<typeof Select.List>;
@@ -84,7 +84,7 @@ declare const LobeSelectList: {
   ({
     className,
     ...rest
-  }: LobeSelectListProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectListProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemProps = ComponentProps<typeof Select.Item>;
@@ -92,7 +92,7 @@ declare const LobeSelectItem: {
   ({
     className,
     ...rest
-  }: LobeSelectItemProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectItemProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemTextProps = ComponentProps<typeof Select.ItemText>;
@@ -100,7 +100,7 @@ declare const LobeSelectItemText: {
   ({
     className,
     ...rest
-  }: LobeSelectItemTextProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectItemTextProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectItemIndicatorProps = ComponentProps<typeof Select.ItemIndicator>;
@@ -108,7 +108,7 @@ declare const LobeSelectItemIndicator: {
   ({
     className,
     ...rest
-  }: LobeSelectItemIndicatorProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectItemIndicatorProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupProps = ComponentProps<typeof Select.Group>;
@@ -116,7 +116,7 @@ declare const LobeSelectGroup: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectGroupProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectGroupLabelProps = ComponentProps<typeof Select.GroupLabel>;
@@ -124,7 +124,7 @@ declare const LobeSelectGroupLabel: {
   ({
     className,
     ...rest
-  }: LobeSelectGroupLabelProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectGroupLabelProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollUpArrowProps = ComponentProps<typeof Select.ScrollUpArrow>;
@@ -132,7 +132,7 @@ declare const LobeSelectScrollUpArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollUpArrowProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectScrollUpArrowProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectScrollDownArrowProps = ComponentProps<typeof Select.ScrollDownArrow>;
@@ -140,7 +140,7 @@ declare const LobeSelectScrollDownArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectScrollDownArrowProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectScrollDownArrowProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 type LobeSelectArrowProps = ComponentProps<typeof Select.Arrow>;
@@ -148,7 +148,7 @@ declare const LobeSelectArrow: {
   ({
     className,
     ...rest
-  }: LobeSelectArrowProps): react_jsx_runtime29.JSX.Element;
+  }: LobeSelectArrowProps): react_jsx_runtime10.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/LobeSelect/index.d.mts

@@ -1,5 +1,5 @@
-import { LobeSelectClassNames, LobeSelectOption, LobeSelectOptionGroup, LobeSelectOptions, LobeSelectProps, LobeSelectSize, LobeSelectVariant } from "./type.mjs";
+import { LobeSelectBehaviorVariant, LobeSelectClassNames, LobeSelectOption, LobeSelectOptionGroup, LobeSelectOptions, LobeSelectProps, LobeSelectSize, LobeSelectVariant } from "./type.mjs";
 import { LOBE_SELECT_CONTAINER_ATTR } from "./constants.mjs";
 import { LobeSelectArrow, LobeSelectArrowProps, LobeSelectBackdrop, LobeSelectGroup, LobeSelectGroupLabel, LobeSelectGroupLabelProps, LobeSelectGroupProps, LobeSelectIcon, LobeSelectIconProps, LobeSelectItem, LobeSelectItemIndicator, LobeSelectItemIndicatorProps, LobeSelectItemProps, LobeSelectItemText, LobeSelectItemTextProps, LobeSelectList, LobeSelectListProps, LobeSelectPopup, LobeSelectPopupProps, LobeSelectPortal, LobeSelectPortalProps, LobeSelectPositioner, LobeSelectPositionerProps, LobeSelectRoot, LobeSelectScrollDownArrow, LobeSelectScrollDownArrowProps, LobeSelectScrollUpArrow, LobeSelectScrollUpArrowProps, LobeSelectSeparator, LobeSelectTrigger, LobeSelectTriggerProps, LobeSelectValue, LobeSelectValueProps } from "./atoms.mjs";
 import { LobeSelect } from "./LobeSelect.mjs";
-export { LOBE_SELECT_CONTAINER_ATTR, LobeSelectArrow, type LobeSelectArrowProps, LobeSelectBackdrop, type LobeSelectClassNames, LobeSelectGroup, LobeSelectGroupLabel, type LobeSelectGroupLabelProps, type LobeSelectGroupProps, LobeSelectIcon, type LobeSelectIconProps, LobeSelectItem, LobeSelectItemIndicator, type LobeSelectItemIndicatorProps, type LobeSelectItemProps, LobeSelectItemText, type LobeSelectItemTextProps, LobeSelectList, type LobeSelectListProps, type LobeSelectOption, type LobeSelectOptionGroup, type LobeSelectOptions, LobeSelectPopup, type LobeSelectPopupProps, LobeSelectPortal, type LobeSelectPortalProps, LobeSelectPositioner, type LobeSelectPositionerProps, type LobeSelectProps, LobeSelectRoot, LobeSelectScrollDownArrow, type LobeSelectScrollDownArrowProps, LobeSelectScrollUpArrow, type LobeSelectScrollUpArrowProps, LobeSelectSeparator, type LobeSelectSize, LobeSelectTrigger, type LobeSelectTriggerProps, LobeSelectValue, type LobeSelectValueProps, type LobeSelectVariant, LobeSelect as default };
+export { LOBE_SELECT_CONTAINER_ATTR, LobeSelectArrow, type LobeSelectArrowProps, LobeSelectBackdrop, type LobeSelectBehaviorVariant, type LobeSelectClassNames, LobeSelectGroup, LobeSelectGroupLabel, type LobeSelectGroupLabelProps, type LobeSelectGroupProps, LobeSelectIcon, type LobeSelectIconProps, LobeSelectItem, LobeSelectItemIndicator, type LobeSelectItemIndicatorProps, type LobeSelectItemProps, LobeSelectItemText, type LobeSelectItemTextProps, LobeSelectList, type LobeSelectListProps, type LobeSelectOption, type LobeSelectOptionGroup, type LobeSelectOptions, LobeSelectPopup, type LobeSelectPopupProps, LobeSelectPortal, type LobeSelectPortalProps, LobeSelectPositioner, type LobeSelectPositionerProps, type LobeSelectProps, LobeSelectRoot, LobeSelectScrollDownArrow, type LobeSelectScrollDownArrowProps, LobeSelectScrollUpArrow, type LobeSelectScrollUpArrowProps, LobeSelectSeparator, type LobeSelectSize, LobeSelectTrigger, type LobeSelectTriggerProps, LobeSelectValue, type LobeSelectValueProps, type LobeSelectVariant, LobeSelect as default };

package/es/LobeSelect/style.mjs

@@ -16,6 +16,8 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
   `,
 	borderless: cx(staticStylish.variantBorderless, css$1`
       --lobe-select-open-bg: ${cssVar$1.colorFillTertiary};
+      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar$1.colorFillTertiary} 70%, transparent);
+      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar$1.colorFillTertiary} 55%, transparent);
     `),
 	clear: css$1`
     display: inline-flex;
@@ -34,6 +36,8 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 	empty: css$1``,
 	filled: cx(staticStylish.variantFilled, css$1`
       --lobe-select-open-bg: ${cssVar$1.colorFillSecondary};
+      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar$1.colorFillTertiary} 70%, transparent);
+      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar$1.colorFillTertiary} 55%, transparent);
     `),
 	group: css$1``,
 	groupLabel: css$1``,
@@ -60,13 +64,20 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 	itemText: css$1``,
 	list: css$1`
     overflow-y: auto;
-    max-height: var(--available-height);
+    max-height: var(--lobe-select-available-height, var(--available-height));
     padding-block: 0;
   `,
 	outlined: cx(staticStylish.variantOutlined, css$1`
       --lobe-select-open-bg: ${cssVar$1.colorFillTertiary};
+      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar$1.colorBgContainer} 75%, transparent);
+      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar$1.colorBgContainer} 60%, transparent);
     `),
 	popup: css$1`
+    --lobe-select-available-height: min(
+      var(--available-height),
+      var(--lobe-select-popup-max-height, var(--available-height))
+    );
+
     transform-origin: var(--transform-origin);
     box-sizing: border-box;
     transition:
@@ -181,10 +192,10 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
 
     transition: all 150ms ${cssVar$1.motionEaseOut};
 
-    &:not([data-disabled])[data-popup-open],
-    &:not([data-disabled])[data-open],
-    &:not([data-disabled])[data-state='open'],
-    &:not([data-disabled])[aria-expanded='true'] {
+    &:not([data-disabled]):not([data-readonly])[data-popup-open],
+    &:not([data-disabled]):not([data-readonly])[data-open],
+    &:not([data-disabled]):not([data-readonly])[data-state='open'],
+    &:not([data-disabled]):not([data-readonly])[aria-expanded='true'] {
       background: var(--lobe-select-open-bg, ${cssVar$1.colorFillTertiary});
     }
 
@@ -205,7 +216,21 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     &[data-disabled] {
       cursor: not-allowed;
       color: ${cssVar$1.colorTextDisabled};
-      opacity: 0.6;
+      background: var(--lobe-select-disabled-bg, transparent);
+
+      &:hover {
+        background: var(--lobe-select-disabled-bg, transparent);
+      }
+    }
+
+    &[data-readonly] {
+      cursor: default;
+      color: ${cssVar$1.colorTextSecondary};
+      background: var(--lobe-select-readonly-bg, transparent);
+
+      &:hover {
+        background: var(--lobe-select-readonly-bg, transparent);
+      }
     }
 
     &[data-disabled] [data-role='lobe-select-clear'] {

package/es/LobeSelect/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/LobeSelect/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    display: flex;\n    width: 12px;\n    height: 6px;\n\n    & > svg {\n      width: 100%;\n      height: 100%;\n    }\n  `,\n  borderless: cx(\n    lobeStaticStylish.variantBorderless,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n    `,\n  ),\n  clear: css`\n    display: inline-flex;\n    align-items: center;\n\n    color: ${cssVar.colorTextTertiary};\n\n    opacity: 0;\n\n    transition: opacity 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      color: ${cssVar.colorTextSecondary};\n    }\n  `,\n  empty: css``,\n  filled: cx(\n    lobeStaticStylish.variantFilled,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillSecondary};\n    `,\n  ),\n  group: css``,\n  groupLabel: css``,\n  icon: css`\n    display: inline-flex;\n    align-items: center;\n    transition: transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-popup-open] {\n      transform: rotate(180deg);\n    }\n  `,\n  item: css``,\n  itemIndicator: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n\n    color: ${cssVar.colorPrimary};\n  `,\n  itemText: css``,\n  list: css`\n    overflow-y: auto;\n    max-height: var(--available-height);\n    padding-block: 0;\n  `,\n  outlined: cx(\n    lobeStaticStylish.variantOutlined,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n    `,\n  ),\n  popup: css`\n    transform-origin: var(--transform-origin);\n    box-sizing: border-box;\n    transition:\n      opacity 150ms ${cssVar.motionEaseOut},\n      transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: scaleY(0.92);\n      opacity: 0;\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n    outline: none;\n  `,\n  prefix: css`\n    display: inline-flex;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  scrollArrow: css`\n    cursor: default;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: 16px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: ${cssVar.colorBgElevated};\n  `,\n  search: css`\n    cursor: text;\n\n    display: flex;\n    align-items: center;\n\n    min-height: 36px;\n    margin-inline: -4px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-end: 1px solid ${cssVar.colorFillSecondary};\n  `,\n  searchInput: css`\n    flex: 1;\n\n    min-width: 0;\n    padding-block: 0;\n    padding-inline: 4px;\n    border: 0;\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    &::placeholder {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  shadow: lobeStaticStylish.shadow,\n  suffix: css`\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  tag: css`\n    display: inline-flex;\n    align-items: center;\n\n    max-width: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 12px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorFillTertiary};\n  `,\n  tags: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n  `,\n  trigger: css`\n    cursor: pointer;\n    user-select: none;\n\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n\n    box-sizing: border-box;\n    width: 100%;\n    border: 1px solid transparent;\n    border-radius: ${cssVar.borderRadius};\n\n    font-family: inherit;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:not([data-disabled])[data-popup-open],\n    &:not([data-disabled])[data-open],\n    &:not([data-disabled])[data-state='open'],\n    &:not([data-disabled])[aria-expanded='true'] {\n      background: var(--lobe-select-open-bg, ${cssVar.colorFillTertiary});\n    }\n\n    &:focus-visible {\n      outline: 2px solid ${cssVar.colorPrimaryBorder};\n      outline-offset: 1px;\n    }\n\n    &:hover [data-role='lobe-select-clear'] {\n      opacity: 1;\n    }\n\n    &[data-placeholder] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.6;\n    }\n\n    &[data-disabled] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n  `,\n  triggerLarge: css`\n    min-height: 40px;\n    padding-block: 6px;\n    padding-inline: 12px;\n\n    font-size: 16px;\n    line-height: 24px;\n  `,\n  triggerMiddle: css`\n    min-height: 32px;\n    padding-block: 4px;\n    padding-inline: 11px;\n\n    font-size: 14px;\n    line-height: 20px;\n  `,\n  triggerSmall: css`\n    min-height: 24px;\n    padding-block: 0;\n    padding-inline: 8px;\n\n    font-size: 12px;\n    line-height: 18px;\n  `,\n  value: css`\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n\n    min-width: 0;\n\n    color: inherit;\n\n    &[data-placeholder] {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  valueText: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n\nexport const triggerVariants = cva(styles.trigger, {\n  defaultVariants: {\n    shadow: false,\n    size: 'middle',\n    variant: 'outlined',\n  },\n  variants: {\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    size: {\n      large: styles.triggerLarge,\n      middle: styles.triggerMiddle,\n      small: styles.triggerSmall,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,OAAO,KAAG;;;;;;;;;;CAUV,YAAY,GACVA,cAAkB,mBAClB,KAAG;+BACwBC,SAAO,kBAAkB;MAErD;CACD,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;;;gCAINA,SAAO,cAAc;;;eAGtCA,SAAO,mBAAmB;;;CAGvC,OAAO,KAAG;CACV,QAAQ,GACND,cAAkB,eAClB,KAAG;+BACwBC,SAAO,mBAAmB;MAEtD;CACD,OAAO,KAAG;CACV,YAAY,KAAG;CACf,MAAM,KAAG;;;kCAGuBA,SAAO,cAAc;;;;;;CAMrD,MAAM,KAAG;CACT,eAAe,KAAG;;;;;;;;aAQPA,SAAO,aAAa;;CAE/B,UAAU,KAAG;CACb,MAAM,KAAG;;;;;CAKT,UAAU,GACRD,cAAkB,iBAClB,KAAG;+BACwBC,SAAO,kBAAkB;MAErD;CACD,OAAO,KAAG;;;;sBAIUA,SAAO,cAAc;wBACnBA,SAAO,cAAc;;;;;;;;CAQ3C,YAAY,KAAG;;;;CAIf,QAAQ,KAAG;;;aAGAA,SAAO,mBAAmB;;CAErC,aAAa,KAAG;;;;;;;;;aASLA,SAAO,mBAAmB;;kBAErBA,SAAO,gBAAgB;;CAEvC,QAAQ,KAAG;;;;;;;;;;kCAUqBA,SAAO,mBAAmB;;CAE1D,aAAa,KAAG;;;;;;;;;;aAULA,SAAO,UAAU;;;;;;eAMfA,SAAO,qBAAqB;;;CAGzC,QAAQD,cAAkB;CAC1B,QAAQ,KAAG;;;;aAIAC,SAAO,mBAAmB;;CAErC,KAAK,KAAG;;;;;;;qBAOWA,SAAO,eAAe;;;;aAI9BA,SAAO,UAAU;;kBAEZA,SAAO,kBAAkB;;CAEzC,MAAM,KAAG;;;;;;CAMT,SAAS,KAAG;;;;;;;;;;;qBAWOA,SAAO,aAAa;;;aAG5BA,SAAO,UAAU;;;;;4BAKFA,SAAO,cAAc;;;;;;+CAMFA,SAAO,kBAAkB;;;;2BAI7CA,SAAO,mBAAmB;;;;;;;;;;;;;;;eAetCA,SAAO,kBAAkB;;;;;;;;;CAStC,cAAc,KAAG;;;;;;;;CAQjB,eAAe,KAAG;;;;;;;;CAQlB,cAAc,KAAG;;;;;;;;CAQjB,OAAO,KAAG;;;;;;;;;;;;eAYGA,SAAO,qBAAqB;;;CAGzC,WAAW,KAAG;;;;;CAKf,EAAE;AAEH,MAAa,kBAAkB,IAAI,OAAO,SAAS;CACjD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;GACf;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;GAClB;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/LobeSelect/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    display: flex;\n    width: 12px;\n    height: 6px;\n\n    & > svg {\n      width: 100%;\n      height: 100%;\n    }\n  `,\n  borderless: cx(\n    lobeStaticStylish.variantBorderless,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);\n    `,\n  ),\n  clear: css`\n    display: inline-flex;\n    align-items: center;\n\n    color: ${cssVar.colorTextTertiary};\n\n    opacity: 0;\n\n    transition: opacity 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      color: ${cssVar.colorTextSecondary};\n    }\n  `,\n  empty: css``,\n  filled: cx(\n    lobeStaticStylish.variantFilled,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillSecondary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 70%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorFillTertiary} 55%, transparent);\n    `,\n  ),\n  group: css``,\n  groupLabel: css``,\n  icon: css`\n    display: inline-flex;\n    align-items: center;\n    transition: transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-popup-open] {\n      transform: rotate(180deg);\n    }\n  `,\n  item: css``,\n  itemIndicator: css`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-inline-start: auto;\n    padding-inline-start: 8px;\n\n    color: ${cssVar.colorPrimary};\n  `,\n  itemText: css``,\n  list: css`\n    overflow-y: auto;\n    max-height: var(--lobe-select-available-height, var(--available-height));\n    padding-block: 0;\n  `,\n  outlined: cx(\n    lobeStaticStylish.variantOutlined,\n    css`\n      --lobe-select-open-bg: ${cssVar.colorFillTertiary};\n      --lobe-select-readonly-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 75%, transparent);\n      --lobe-select-disabled-bg: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\n    `,\n  ),\n  popup: css`\n    --lobe-select-available-height: min(\n      var(--available-height),\n      var(--lobe-select-popup-max-height, var(--available-height))\n    );\n\n    transform-origin: var(--transform-origin);\n    box-sizing: border-box;\n    transition:\n      opacity 150ms ${cssVar.motionEaseOut},\n      transform 150ms ${cssVar.motionEaseOut};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: scaleY(0.92);\n      opacity: 0;\n    }\n  `,\n  positioner: css`\n    z-index: 1100;\n    outline: none;\n  `,\n  prefix: css`\n    display: inline-flex;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  scrollArrow: css`\n    cursor: default;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    height: 16px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: ${cssVar.colorBgElevated};\n  `,\n  search: css`\n    cursor: text;\n\n    display: flex;\n    align-items: center;\n\n    min-height: 36px;\n    margin-inline: -4px;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-end: 1px solid ${cssVar.colorFillSecondary};\n  `,\n  searchInput: css`\n    flex: 1;\n\n    min-width: 0;\n    padding-block: 0;\n    padding-inline: 4px;\n    border: 0;\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    &::placeholder {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  shadow: lobeStaticStylish.shadow,\n  suffix: css`\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  tag: css`\n    display: inline-flex;\n    align-items: center;\n\n    max-width: 100%;\n    padding-block: 0;\n    padding-inline: 6px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 12px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorFillTertiary};\n  `,\n  tags: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n  `,\n  trigger: css`\n    cursor: pointer;\n    user-select: none;\n\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n\n    box-sizing: border-box;\n    width: 100%;\n    border: 1px solid transparent;\n    border-radius: ${cssVar.borderRadius};\n\n    font-family: inherit;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:not([data-disabled]):not([data-readonly])[data-popup-open],\n    &:not([data-disabled]):not([data-readonly])[data-open],\n    &:not([data-disabled]):not([data-readonly])[data-state='open'],\n    &:not([data-disabled]):not([data-readonly])[aria-expanded='true'] {\n      background: var(--lobe-select-open-bg, ${cssVar.colorFillTertiary});\n    }\n\n    &:focus-visible {\n      outline: 2px solid ${cssVar.colorPrimaryBorder};\n      outline-offset: 1px;\n    }\n\n    &:hover [data-role='lobe-select-clear'] {\n      opacity: 1;\n    }\n\n    &[data-placeholder] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      background: var(--lobe-select-disabled-bg, transparent);\n\n      &:hover {\n        background: var(--lobe-select-disabled-bg, transparent);\n      }\n    }\n\n    &[data-readonly] {\n      cursor: default;\n      color: ${cssVar.colorTextSecondary};\n      background: var(--lobe-select-readonly-bg, transparent);\n\n      &:hover {\n        background: var(--lobe-select-readonly-bg, transparent);\n      }\n    }\n\n    &[data-disabled] [data-role='lobe-select-clear'] {\n      pointer-events: none;\n      opacity: 0;\n    }\n  `,\n  triggerLarge: css`\n    min-height: 40px;\n    padding-block: 6px;\n    padding-inline: 12px;\n\n    font-size: 16px;\n    line-height: 24px;\n  `,\n  triggerMiddle: css`\n    min-height: 32px;\n    padding-block: 4px;\n    padding-inline: 11px;\n\n    font-size: 14px;\n    line-height: 20px;\n  `,\n  triggerSmall: css`\n    min-height: 24px;\n    padding-block: 0;\n    padding-inline: 8px;\n\n    font-size: 12px;\n    line-height: 18px;\n  `,\n  value: css`\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    gap: 4px;\n    align-items: center;\n\n    min-width: 0;\n\n    color: inherit;\n\n    &[data-placeholder] {\n      color: ${cssVar.colorTextPlaceholder};\n    }\n  `,\n  valueText: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n\nexport const triggerVariants = cva(styles.trigger, {\n  defaultVariants: {\n    shadow: false,\n    size: 'middle',\n    variant: 'outlined',\n  },\n  variants: {\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    size: {\n      large: styles.triggerLarge,\n      middle: styles.triggerMiddle,\n      small: styles.triggerSmall,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: styles.filled,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,OAAO,KAAG;;;;;;;;;;CAUV,YAAY,GACVA,cAAkB,mBAClB,KAAG;+BACwBC,SAAO,kBAAkB;sDACFA,SAAO,kBAAkB;sDACzBA,SAAO,kBAAkB;MAE5E;CACD,OAAO,KAAG;;;;aAICA,SAAO,kBAAkB;;;;gCAINA,SAAO,cAAc;;;eAGtCA,SAAO,mBAAmB;;;CAGvC,OAAO,KAAG;CACV,QAAQ,GACND,cAAkB,eAClB,KAAG;+BACwBC,SAAO,mBAAmB;sDACHA,SAAO,kBAAkB;sDACzBA,SAAO,kBAAkB;MAE5E;CACD,OAAO,KAAG;CACV,YAAY,KAAG;CACf,MAAM,KAAG;;;kCAGuBA,SAAO,cAAc;;;;;;CAMrD,MAAM,KAAG;CACT,eAAe,KAAG;;;;;;;;aAQPA,SAAO,aAAa;;CAE/B,UAAU,KAAG;CACb,MAAM,KAAG;;;;;CAKT,UAAU,GACRD,cAAkB,iBAClB,KAAG;+BACwBC,SAAO,kBAAkB;sDACFA,SAAO,iBAAiB;sDACxBA,SAAO,iBAAiB;MAE3E;CACD,OAAO,KAAG;;;;;;;;;sBASUA,SAAO,cAAc;wBACnBA,SAAO,cAAc;;;;;;;;CAQ3C,YAAY,KAAG;;;;CAIf,QAAQ,KAAG;;;aAGAA,SAAO,mBAAmB;;CAErC,aAAa,KAAG;;;;;;;;;aASLA,SAAO,mBAAmB;;kBAErBA,SAAO,gBAAgB;;CAEvC,QAAQ,KAAG;;;;;;;;;;kCAUqBA,SAAO,mBAAmB;;CAE1D,aAAa,KAAG;;;;;;;;;;aAULA,SAAO,UAAU;;;;;;eAMfA,SAAO,qBAAqB;;;CAGzC,QAAQD,cAAkB;CAC1B,QAAQ,KAAG;;;;aAIAC,SAAO,mBAAmB;;CAErC,KAAK,KAAG;;;;;;;qBAOWA,SAAO,eAAe;;;;aAI9BA,SAAO,UAAU;;kBAEZA,SAAO,kBAAkB;;CAEzC,MAAM,KAAG;;;;;;CAMT,SAAS,KAAG;;;;;;;;;;;qBAWOA,SAAO,aAAa;;;aAG5BA,SAAO,UAAU;;;;;4BAKFA,SAAO,cAAc;;;;;;+CAMFA,SAAO,kBAAkB;;;;2BAI7CA,SAAO,mBAAmB;;;;;;;;;;;;;;;eAetCA,SAAO,kBAAkB;;;;;;;;;;eAUzBA,SAAO,mBAAmB;;;;;;;;;;;;;CAavC,cAAc,KAAG;;;;;;;;CAQjB,eAAe,KAAG;;;;;;;;CAQlB,cAAc,KAAG;;;;;;;;CAQjB,OAAO,KAAG;;;;;;;;;;;;eAYGA,SAAO,qBAAqB;;;CAGzC,WAAW,KAAG;;;;;CAKf,EAAE;AAEH,MAAa,kBAAkB,IAAI,OAAO,SAAS;CACjD,iBAAiB;EACf,QAAQ;EACR,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;GACf;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ,OAAO;GACf,UAAU,OAAO;GAClB;EACF;CACF,CAAC"}

package/es/LobeSelect/type.d.mts

@@ -5,6 +5,7 @@ import { CSSProperties, ReactNode } from "react";
 //#region src/LobeSelect/type.d.ts
 type LobeSelectSize = 'large' | 'middle' | 'small';
 type LobeSelectVariant = 'borderless' | 'filled' | 'outlined';
+type LobeSelectBehaviorVariant = 'default' | 'item-aligned';
 interface LobeSelectOption<Value = string> {
   className?: string;
   disabled?: boolean;
@@ -42,6 +43,14 @@ interface LobeSelectClassNames {
 interface LobeSelectProps<Value = string> {
   allowClear?: boolean;
   autoFocus?: boolean;
+  /**
+   * Behavior variant for Base UI Select.
+   *
+   * - `default`: regular dropdown positioning (alignItemWithTrigger=false, modal=false)
+   * - `item-aligned`: aligns the selected item with trigger and uses modal=true
+   * @default 'default'
+   */
+  behaviorVariant?: LobeSelectBehaviorVariant;
   className?: string;
   classNames?: LobeSelectClassNames;
   defaultOpen?: boolean;
@@ -79,5 +88,5 @@ interface LobeSelectProps<Value = string> {
   virtual?: boolean;
 }
 //#endregion
-export { LobeSelectClassNames, LobeSelectOption, LobeSelectOptionGroup, LobeSelectOptions, LobeSelectProps, LobeSelectSize, LobeSelectVariant };
+export { LobeSelectBehaviorVariant, LobeSelectClassNames, LobeSelectOption, LobeSelectOptionGroup, LobeSelectOptions, LobeSelectProps, LobeSelectSize, LobeSelectVariant };
 //# sourceMappingURL=type.d.mts.map

package/es/LobeSwitch/LobeSwitch.d.mts

@@ -1,8 +1,8 @@
 import { LobeSwitchProps } from "./type.mjs";
-import * as react58 from "react";
+import * as react0 from "react";
 
 //#region src/LobeSwitch/LobeSwitch.d.ts
-declare const LobeSwitch: react58.NamedExoticComponent<LobeSwitchProps>;
+declare const LobeSwitch: react0.NamedExoticComponent<LobeSwitchProps>;
 //#endregion
 export { LobeSwitch };
 //# sourceMappingURL=LobeSwitch.d.mts.map

package/es/LobeSwitch/atoms.d.mts

@@ -1,6 +1,6 @@
 import { LobeSwitchChangeEventHandler, LobeSwitchContextType, LobeSwitchIconProps, LobeSwitchRootProps, LobeSwitchThumbProps } from "./type.mjs";
 import { styles } from "./style.mjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/LobeSwitch/atoms.d.ts
 declare const useLobeSwitchContext: () => LobeSwitchContextType;
@@ -24,7 +24,7 @@ declare const LobeSwitchRoot: {
     id,
     name,
     ...rest
-  }: LobeSwitchRootInternalProps): react_jsx_runtime26.JSX.Element;
+  }: LobeSwitchRootInternalProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 declare const LobeSwitchThumb: {
@@ -35,7 +35,7 @@ declare const LobeSwitchThumb: {
     transition,
     children,
     ...rest
-  }: LobeSwitchThumbProps): react_jsx_runtime26.JSX.Element;
+  }: LobeSwitchThumbProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 declare const LobeSwitchIcon: {
@@ -48,7 +48,7 @@ declare const LobeSwitchIcon: {
   }: LobeSwitchIconProps & {
     children?: React.ReactNode;
     size?: "default" | "small";
-  }): react_jsx_runtime26.JSX.Element;
+  }): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/Markdown/Markdown.d.mts

@@ -1,8 +1,8 @@
 import { MarkdownProps } from "./type.mjs";
-import * as react59 from "react";
+import * as react53 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react59.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react53.NamedExoticComponent<MarkdownProps>;
 //#endregion
 export { Markdown };
 //# sourceMappingURL=Markdown.d.mts.map

package/es/Markdown/Typography.d.mts

@@ -1,8 +1,8 @@
 import { TypographyProps } from "./type.mjs";
-import * as react54 from "react";
+import * as react52 from "react";
 
 //#region src/Markdown/Typography.d.ts
-declare const Typography: react54.NamedExoticComponent<TypographyProps>;
+declare const Typography: react52.NamedExoticComponent<TypographyProps>;
 //#endregion
 export { Typography };
 //# sourceMappingURL=Typography.d.mts.map

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
 import "../../../Flex/index.mjs";
-import * as react43 from "react";
+import * as react85 from "react";
 import { Ref } from "react";
 
 //#region src/Markdown/components/SearchResultCards/index.d.ts
@@ -14,7 +14,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: react43.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: react85.NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
 export { SearchResultCards, SearchResultCardsProps };
 //# sourceMappingURL=index.d.mts.map

package/es/MaskShadow/MaskShadow.d.mts

@@ -1,8 +1,8 @@
 import { MaskShadowProps } from "./type.mjs";
-import * as react22 from "react";
+import * as react51 from "react";
 
 //#region src/MaskShadow/MaskShadow.d.ts
-declare const MaskShadow: react22.NamedExoticComponent<MaskShadowProps>;
+declare const MaskShadow: react51.NamedExoticComponent<MaskShadowProps>;
 //#endregion
 export { MaskShadow };
 //# sourceMappingURL=MaskShadow.d.mts.map

package/es/Menu/Menu.d.mts

@@ -1,8 +1,8 @@
 import { MenuProps } from "./type.mjs";
-import * as react21 from "react";
+import * as react18 from "react";
 
 //#region src/Menu/Menu.d.ts
-declare const Menu: react21.NamedExoticComponent<MenuProps<unknown>>;
+declare const Menu: react18.NamedExoticComponent<MenuProps<unknown>>;
 //#endregion
 export { Menu };
 //# sourceMappingURL=Menu.d.mts.map

package/es/Mermaid/Mermaid.d.mts

@@ -1,8 +1,8 @@
 import { MermaidProps } from "./type.mjs";
-import * as react20 from "react";
+import * as react16 from "react";
 
 //#region src/Mermaid/Mermaid.d.ts
-declare const Mermaid: react20.NamedExoticComponent<MermaidProps>;
+declare const Mermaid: react16.NamedExoticComponent<MermaidProps>;
 //#endregion
 export { Mermaid };
 //# sourceMappingURL=Mermaid.d.mts.map

package/es/Mermaid/SyntaxMermaid/index.d.mts

@@ -1,8 +1,8 @@
 import { SyntaxMermaidProps } from "../type.mjs";
-import * as react19 from "react";
+import * as react17 from "react";
 
 //#region src/Mermaid/SyntaxMermaid/index.d.ts
-declare const SyntaxMermaid: react19.NamedExoticComponent<SyntaxMermaidProps>;
+declare const SyntaxMermaid: react17.NamedExoticComponent<SyntaxMermaidProps>;
 //#endregion
 export { SyntaxMermaid };
 //# sourceMappingURL=index.d.mts.map

package/es/Modal/Modal.d.mts

@@ -1,8 +1,8 @@
 import { ModalProps } from "./type.mjs";
-import * as react12 from "react";
+import * as react20 from "react";
 
 //#region src/Modal/Modal.d.ts
-declare const Modal: react12.NamedExoticComponent<ModalProps>;
+declare const Modal: react20.NamedExoticComponent<ModalProps>;
 //#endregion
 export { Modal };
 //# sourceMappingURL=Modal.d.mts.map

package/es/Modal/ModalProvider.d.mts

@@ -1,9 +1,9 @@
 import { ModalContextValue } from "./type.mjs";
-import * as react14 from "react";
+import * as react21 from "react";
 import { ReactNode } from "react";
 
 //#region src/Modal/ModalProvider.d.ts
-declare const ModalProvider: react14.NamedExoticComponent<{
+declare const ModalProvider: react21.NamedExoticComponent<{
   children: ReactNode;
   value: ModalContextValue;
 }>;

package/es/Modal/imperative.d.mts

@@ -1,5 +1,5 @@
 import { ImperativeModalProps, ModalInstance, RawModalComponent, RawModalComponentProps, RawModalInstance, RawModalKeyOptions, RawModalOptions } from "./type.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/Modal/imperative.d.ts
 type ModalHostProps = {
@@ -7,7 +7,7 @@ type ModalHostProps = {
 };
 declare const ModalHost: ({
   root
-}: ModalHostProps) => react_jsx_runtime0.JSX.Element | null;
+}: ModalHostProps) => react_jsx_runtime2.JSX.Element | null;
 declare const createModal: (props: ImperativeModalProps) => ModalInstance;
 declare function createRawModal<P extends RawModalComponentProps>(component: RawModalComponent<P>, props: Omit<P, 'open' | 'onClose'>, options?: RawModalOptions): RawModalInstance<P>;
 declare function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(component: RawModalComponent<P>, props: Omit<P, OpenKey | CloseKey>, options: RawModalKeyOptions<OpenKey, CloseKey>): RawModalInstance<P, OpenKey, CloseKey>;

package/es/MotionProvider/index.d.mts

@@ -1,4 +1,4 @@
-import * as react44 from "react";
+import * as react86 from "react";
 import { Context, ReactNode } from "react";
 import * as motion_react0 from "motion/react";
 import * as m from "motion/react-m";
@@ -6,7 +6,7 @@ import * as m from "motion/react-m";
 //#region src/MotionProvider/index.d.ts
 type MotionComponentType = typeof motion_react0.motion | typeof m;
 declare const MotionComponent: Context<MotionComponentType>;
-declare const MotionProvider: react44.NamedExoticComponent<{
+declare const MotionProvider: react86.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/Popover/ArrowIcon.d.mts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/Popover/ArrowIcon.d.ts
-declare const PopoverArrowIcon: react_jsx_runtime44.JSX.Element;
+declare const PopoverArrowIcon: react_jsx_runtime3.JSX.Element;
 //#endregion
 export { PopoverArrowIcon };
 //# sourceMappingURL=ArrowIcon.d.mts.map

package/es/Popover/atoms.d.mts

@@ -1,13 +1,13 @@
 import { PopoverPlacement } from "./type.mjs";
-import * as react84 from "react";
+import * as react40 from "react";
 import { ComponentProps, ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import * as _base_ui_react_popover0 from "@base-ui/react/popover";
 import { Popover } from "@base-ui/react/popover";
 
 //#region src/Popover/atoms.d.ts
 declare const PopoverRoot: typeof Popover.Root;
-declare const PopoverBackdrop: react84.ForwardRefExoticComponent<_base_ui_react_popover0.PopoverBackdropProps & react84.RefAttributes<HTMLDivElement>>;
+declare const PopoverBackdrop: react40.ForwardRefExoticComponent<_base_ui_react_popover0.PopoverBackdropProps & react40.RefAttributes<HTMLDivElement>>;
 type PopoverTriggerElementProps = Omit<ComponentPropsWithRef<typeof Popover.Trigger>, 'children' | 'render'> & {
   children: ComponentProps<typeof Popover.Trigger>['children'];
 };
@@ -18,7 +18,7 @@ declare const PopoverTriggerElement: {
     nativeButton,
     ref: refProp,
     ...rest
-  }: PopoverTriggerElementProps): react_jsx_runtime45.JSX.Element;
+  }: PopoverTriggerElementProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 type PopoverPortalAtomProps = Omit<ComponentProps<typeof Popover.Portal>, 'container'> & {
@@ -37,7 +37,7 @@ declare const PopoverPortal: {
     root,
     children,
     ...rest
-  }: PopoverPortalAtomProps): react_jsx_runtime45.JSX.Element | null;
+  }: PopoverPortalAtomProps): react_jsx_runtime4.JSX.Element | null;
   displayName: string;
 };
 type PopoverPositionerAtomProps = ComponentProps<typeof Popover.Positioner> & {
@@ -54,7 +54,7 @@ declare const PopoverPositioner: {
     side,
     sideOffset,
     ...rest
-  }: PopoverPositionerAtomProps): react_jsx_runtime45.JSX.Element;
+  }: PopoverPositionerAtomProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 type PopoverPopupAtomProps = ComponentProps<typeof Popover.Popup>;
@@ -62,7 +62,7 @@ declare const PopoverPopup: {
   ({
     className,
     ...rest
-  }: PopoverPopupAtomProps): react_jsx_runtime45.JSX.Element;
+  }: PopoverPopupAtomProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 type PopoverArrowAtomProps = ComponentProps<typeof Popover.Arrow>;
@@ -71,7 +71,7 @@ declare const PopoverArrow: {
     className,
     children,
     ...rest
-  }: PopoverArrowAtomProps): react_jsx_runtime45.JSX.Element;
+  }: PopoverArrowAtomProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 type PopoverViewportAtomProps = ComponentProps<typeof Popover.Viewport>;
@@ -79,7 +79,7 @@ declare const PopoverViewport: {
   ({
     className,
     ...rest
-  }: PopoverViewportAtomProps): react_jsx_runtime45.JSX.Element;
+  }: PopoverViewportAtomProps): react_jsx_runtime4.JSX.Element;
   displayName: string;
 };
 //#endregion

package/es/Popover/context.d.mts

@@ -1,11 +1,11 @@
-import * as react86 from "react";
+import * as react42 from "react";
 import { ReactNode } from "react";
 
 //#region src/Popover/context.d.ts
 type PopoverContextValue = {
   close: () => void;
 };
-declare const PopoverProvider: react86.NamedExoticComponent<{
+declare const PopoverProvider: react42.NamedExoticComponent<{
   children: ReactNode;
   value: PopoverContextValue;
 }>;

package/es/SearchBar/SearchBar.d.mts

@@ -1,8 +1,8 @@
 import { SearchBarProps } from "./type.mjs";
-import * as react2 from "react";
+import * as react46 from "react";
 
 //#region src/SearchBar/SearchBar.d.ts
-declare const SearchBar: react2.NamedExoticComponent<SearchBarProps>;
+declare const SearchBar: react46.NamedExoticComponent<SearchBarProps>;
 //#endregion
 export { SearchBar };
 //# sourceMappingURL=SearchBar.d.mts.map

package/es/Segmented/Segmented.d.mts

@@ -1,8 +1,8 @@
 import { SegmentedProps } from "./type.mjs";
-import * as react9 from "react";
+import * as react37 from "react";
 
 //#region src/Segmented/Segmented.d.ts
-declare const Segmented: react9.NamedExoticComponent<SegmentedProps>;
+declare const Segmented: react37.NamedExoticComponent<SegmentedProps>;
 //#endregion
 export { Segmented };
 //# sourceMappingURL=Segmented.d.mts.map

package/es/Select/Select.d.mts

@@ -1,8 +1,8 @@
 import { SelectProps } from "./type.mjs";
-import * as react1 from "react";
+import * as react44 from "react";
 
 //#region src/Select/Select.d.ts
-declare const Input: react1.NamedExoticComponent<SelectProps>;
+declare const Input: react44.NamedExoticComponent<SelectProps>;
 //#endregion
 export { Input };
 //# sourceMappingURL=Select.d.mts.map