4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T82b,import React from 'react'; import { Slot } from '@radix-ui/react-slot'; import { buttonGroupStyleKeys, getButtonGroupStyleKeys } from '../lib/core'; import type { ButtonGroupBaseProps, ButtonGroupTextBaseProps, ButtonGroupSeparatorBaseProps } from '../lib/core'; import styles from './button-group.module.scss'; export interface ButtonGroupProps extends React.HTMLAttributes, ButtonGroupBaseProps {} const ButtonGroup = React.forwardRef(({ className = '', orientation = 'horizontal', children, ...props }, ref) => { const styleKeys = getButtonGroupStyleKeys(orientation); const classes = [styles[styleKeys.base], styles[styleKeys.orientation], className].filter(Boolean).join(' '); return (

{children}

); }); ButtonGroup.displayName = 'ButtonGroup'; export interface ButtonGroupTextProps extends React.HTMLAttributes, ButtonGroupTextBaseProps {} const ButtonGroupText = React.forwardRef(({ className = '', asChild = false, children, ...props }, ref) => { const Comp = asChild ? Slot : 'div'; return ( {children} ); }); ButtonGroupText.displayName = 'ButtonGroupText'; export interface ButtonGroupSeparatorProps extends React.HTMLAttributes, ButtonGroupSeparatorBaseProps {} const ButtonGroupSeparator = React.forwardRef(({ className = '', orientation = 'vertical', ...props }, ref) => { return (

); }); ButtonGroupSeparator.displayName = 'ButtonGroupSeparator'; export { ButtonGroup, ButtonGroupText, ButtonGroupSeparator }; export default ButtonGroup; 4f:T57f,@use '../../../styles/variables/colors' as *; .buttonGroup { display: flex; width: fit-content; align-items: stretch; > * { &:focus-visible { position: relative; z-index: 1; } } // 嵌套按钮组 [data-slot='button-group'] { gap: $spacing-2; } // 排列方向 &.orientationHorizontal { flex-direction: row; // 直接子元素之间的连接样式 > *:not(:first-child) { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } > *:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } } &.orientationVertical { flex-direction: column; > *:not(:first-child) { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } > *:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } } .text { display: flex; align-items: center; gap: $spacing-2; border-radius: $radius; border: 1px solid $border; background-color: $muted; padding: 0 $spacing-4; font-size: $text-sm; font-weight: $font-medium; box-shadow: $shadow-sm; svg { pointer-events: none; width: 1rem; height: 1rem; } } .separator { position: relative; align-self: stretch; margin: 0; background-color: $input; &[data-orientation='vertical'] { height: auto; width: 1px; } &[data-orientation='horizontal'] { height: 1px; width: auto; } } 4b:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@radix-ui/react-slot",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-slot","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-slot"}]]}]}]]}],["$","$L4c",null,{"namespace":"@tile-ui","registryDependencies":["@tile-ui/core","@tile-ui/styles"]}]]}],null]}],["$","$L4d",null,{"files":[{"path":"packages/react/src/components/button-group/button-group.tsx","content":"$4e","type":"registry:ui","target":"components/ui/button-group/button-group.tsx"},{"path":"packages/styles/scss/components/button-group.module.scss","content":"$4f","type":"registry:file","target":"components/ui/button-group/button-group.module.scss"},{"path":"packages/react/src/components/button-group/index.ts","content":"export { ButtonGroup, ButtonGroupText, ButtonGroupSeparator, type ButtonGroupProps, type ButtonGroupTextProps, type ButtonGroupSeparatorProps } from './button-group';\n","type":"registry:ui","target":"components/ui/button-group/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]