@shipfox/react-ui 0.14.0 → 0.16.0

package/dist/components/avatar/avatar.js

@@ -8,7 +8,7 @@ export const avatarVariants = cva('relative flex shrink-0 overflow-hidden bg-bac
     variants: {
         radius: {
             full: 'rounded-full',
-            rounded: 'rounded-6'
+            rounded: 'rounded-4'
         },
         size: {
             '3xs': 'size-[18px]',

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentProps } from 'react';
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonGroupProps = ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>;
+declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+type ButtonGroupTextProps = ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+declare function ButtonGroupText({ className, asChild, ...props }: ButtonGroupTextProps): import("react/jsx-runtime").JSX.Element;
+type ButtonGroupSeparatorProps = ComponentProps<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+};
+declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group/button-group.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn.js';
+const buttonGroupVariants = cva([
+    'flex w-fit items-stretch',
+    // Apply shadow to the group container instead of individual children
+    'rounded-6 shadow-button-neutral',
+    // Focus management
+    '[&>*]:focus-visible:z-10 [&>*]:focus-visible:relative',
+    // Select trigger sizing
+    "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit",
+    // Input flex
+    '[&>input]:flex-1',
+    // Nested button groups
+    'has-[>[data-slot=button-group]]:gap-8',
+    // Remove shadows from all children to prevent inner shadow artifacts
+    '[&>*]:shadow-none'
+], {
+    variants: {
+        orientation: {
+            horizontal: [
+                // Remove left border-radius and left border from all but first child
+                '[&>*:not(:first-child)]:rounded-l-none',
+                '[&>*:not(:first-child)]:border-l-0',
+                // Remove right border-radius from all but last child
+                '[&>*:not(:last-child)]:rounded-r-none'
+            ],
+            vertical: [
+                'flex-col',
+                // Remove top border-radius and top border from all but first child
+                '[&>*:not(:first-child)]:rounded-t-none',
+                '[&>*:not(:first-child)]:border-t-0',
+                // Remove bottom border-radius from all but last child
+                '[&>*:not(:last-child)]:rounded-b-none'
+            ]
+        }
+    },
+    defaultVariants: {
+        orientation: 'horizontal'
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return(// biome-ignore lint/a11y/useSemanticElements: role="group" is semantically correct for button groups
+    /*#__PURE__*/ _jsx("div", {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": orientation,
+        className: cn(buttonGroupVariants({
+            orientation
+        }), className),
+        ...props
+    }));
+}
+function ButtonGroupText({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "button-group-text",
+        className: cn('flex items-center gap-8 rounded-6 px-12', 'bg-background-field-base text-foreground-neutral-subtle', 'text-sm leading-20 font-medium', 'shadow-button-neutral', "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-16", className),
+        ...props
+    });
+}
+function ButtonGroupSeparator({ className, orientation = 'vertical', ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        "aria-hidden": "true",
+        "data-slot": "button-group-separator",
+        "data-orientation": orientation,
+        className: cn('shrink-0 self-stretch', 'bg-border-neutral-strong', orientation === 'vertical' ? 'h-auto w-px' : 'h-px w-auto', className),
+        ...props
+    });
+}
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+
+//# sourceMappingURL=button-group.js.map