plainframe-ui 0.1.5 → 0.1.7

package/dist/index.d.ts

@@ -51,14 +51,14 @@ declare const AccordionDetails: React.FC<AccordionDetailsProps>;
 
 /** @jsxImportSource @emotion/react */
 
-type Variant$a = "subtle" | "outlined" | "ghost";
+type Variant$b = "subtle" | "outlined" | "ghost";
 type WithCssProp$6 = {
     css?: Interpolation<Theme>;
 };
 type AccordionGroupProps = WithCssProp$6 & {
     children: React.ReactNode;
     attached?: boolean;
-    variant?: Variant$a;
+    variant?: Variant$b;
     exclusive?: boolean;
     expandedIndex?: number | null;
     defaultExpandedIndex?: number | null;
@@ -413,14 +413,14 @@ declare const CardDescription: React.FC<CardSectionBaseProps & TextTune>;
 
 /** @jsxImportSource @emotion/react */
 
-type Variant$9 = "subtle" | "outlined" | "ghost";
+type Variant$a = "subtle" | "outlined" | "ghost";
 type CardGroupProps = {
     children: React.ReactNode;
     attached?: boolean;
     gap?: string | number;
     width?: string | number;
     direction?: "vertical" | "horizontal";
-    variant?: Variant$9;
+    variant?: Variant$a;
     className?: string;
     role?: React.AriaRole;
     css?: Interpolation<Theme>;
@@ -479,7 +479,7 @@ declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttribu
 /** @jsxImportSource @emotion/react */
 
 type SizeKey$2 = "sm" | "md" | "lg";
-type Variant$8 = "outlined" | "subtle" | "ghost";
+type Variant$9 = "outlined" | "subtle" | "ghost";
 type WithCss$3 = {
     css?: Interpolation<Theme>;
 };
@@ -495,7 +495,7 @@ type CodeFieldProps = WithCss$3 & {
     disabled?: boolean;
     gap?: number | string;
     size?: SizeKey$2;
-    variant?: Variant$8;
+    variant?: Variant$9;
     length?: number;
     focusRingMode?: "always" | "none";
     wrapperCss?: Interpolation<Theme>;
@@ -732,13 +732,13 @@ declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttri
 
 /** @jsxImportSource @emotion/react */
 
-type Variant$7 = "fan" | "slide" | "domino" | "ladder";
+type Variant$8 = "fan" | "slide" | "domino" | "ladder";
 type HoverEffect = "reveal" | "expand" | "none";
 type Size$1 = "sm" | "md" | "lg" | "xl";
 type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type ImageStackProps = Omit<React.HTMLAttributes<HTMLDivElement>, "style"> & {
     children: React.ReactNode;
-    variant?: Variant$7;
+    variant?: Variant$8;
     width?: number | string;
     aspectRatio?: number | string;
     size?: Size$1;
@@ -906,7 +906,7 @@ declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps &
 /** @jsxImportSource @emotion/react */
 
 type Size = "xs" | "sm" | "md";
-type Variant$6 = "subtle" | "outlined" | "ghost";
+type Variant$7 = "subtle" | "outlined" | "ghost";
 type PaginationProps = {
     count: number;
     page?: number;
@@ -918,7 +918,7 @@ type PaginationProps = {
     showFirstLast?: boolean;
     loop?: boolean;
     size?: Size;
-    variant?: Variant$6;
+    variant?: Variant$7;
     gap?: number;
     className?: string;
     css?: Interpolation<Theme>;
@@ -1012,7 +1012,7 @@ declare const Quote: React.FC<QuoteProps>;
 /** @jsxImportSource @emotion/react */
 
 type Direction$3 = "horizontal" | "vertical";
-type Variant$5 = "filled" | "outlined" | "soft";
+type Variant$6 = "filled" | "outlined" | "soft";
 type HV = "left" | "center" | "right" | "top" | "bottom";
 type RadioGroupProps = {
     value?: string | number;
@@ -1021,7 +1021,7 @@ type RadioGroupProps = {
     disabled?: boolean;
     size?: "sm" | "md" | "lg";
     direction?: Direction$3;
-    variant?: Variant$5;
+    variant?: Variant$6;
     className?: string;
     children: React.ReactNode;
     anchorOrigin?: {
@@ -1058,9 +1058,8 @@ declare const Rotate: React.FC<RotateProps>;
 /** @jsxImportSource @emotion/react */
 
 type Align$1 = "left" | "center" | "right";
-type Variant$4 = "subtle" | "outlined" | "ghost";
+type Variant$5 = "subtle" | "outlined" | "ghost";
 type SelectProps<T = unknown> = {
-    /** optional controlled value(s); if omitted, trigger text is derived from child selection props */
     value?: T | T[];
     defaultValue?: T | T[];
     onChange?: (value: T | T[]) => void;
@@ -1070,7 +1069,7 @@ type SelectProps<T = unknown> = {
     endIcon?: React.ReactNode;
     disabled?: boolean;
     size?: "sm" | "md";
-    variant?: Variant$4;
+    variant?: Variant$5;
     fullWidth?: boolean;
     width?: number | string;
     menuAlign?: Align$1;
@@ -1080,15 +1079,12 @@ type SelectProps<T = unknown> = {
     labelCss?: Interpolation<Theme>;
     triggerCss?: Interpolation<Theme>;
     menuCss?: Interpolation<Theme>;
-    /** you pass real MenuItem / MenuRadioItem / MenuCheckboxItem (and optional MenuRadioGroup) here */
     children: React.ReactNode;
     className?: string;
     menuSize?: "sm" | "md";
-    /** custom trigger renderer (receives the resolved label text or array of labels) */
     triggerRender?: (selected: string | string[] | undefined) => React.ReactNode;
 };
-declare function Select<T = unknown>({ value, defaultValue, onChange, // not wired here; your Menu components should manage selection & call you
-label, placeholder, startIcon, endIcon, disabled, size, variant, fullWidth, width, menuAlign, menuWidth, menuMaxHeight, wrapperCss, labelCss, triggerCss, menuCss, children, className, menuSize, triggerRender, }: SelectProps<T>): JSX.Element;
+declare function Select<T = unknown>({ value, defaultValue, onChange, label, placeholder, startIcon, endIcon, disabled, size, variant, fullWidth, width, menuAlign, menuWidth, menuMaxHeight, wrapperCss, labelCss, triggerCss, menuCss, children, className, menuSize, triggerRender, }: SelectProps<T>): JSX.Element;
 
 /** @jsxImportSource @emotion/react */
 
@@ -1183,6 +1179,31 @@ declare const Stepper: React.FC<StepperProps>;
 
 /** @jsxImportSource @emotion/react */
 
+type Variant$4 = "toggle" | "flash";
+type Effect = "rotate" | "scale" | "scale-rotate";
+interface SwapProps {
+    variant?: Variant$4;
+    animationEffect?: Effect;
+    flashDuration?: number;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+interface SwapItemProps {
+    value: string;
+    children: React.ReactNode;
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+declare const SwapItem: React.ForwardRefExoticComponent<SwapItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const Swap: React.ForwardRefExoticComponent<SwapProps & React.RefAttributes<HTMLDivElement>>;
+
+/** @jsxImportSource @emotion/react */
+
 type WithCssProp = {
     css?: Interpolation<Theme>;
 };
@@ -1594,4 +1615,4 @@ declare const ThemeProvider: React.FC<ThemeProviderProps>;
 
 declare function CssBaseline(): _emotion_react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, ActionBar, Alert, AlertDescription, AlertTitle, Autocomplete, Avatar, AvatarGroup, Backdrop, Badge, BreadCrumbItem, BreadCrumbs, Button, ButtonGroup, Card, CardContent, CardDescription, CardEnd, CardGroup, CardStart, CardTitle, Checkbox, Chip, CodeField, ColorPatches, Container, ContextZone, CssBaseline, Divider, Drawer, DropdownMenu, DropdownMenuContent, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Fade, Flex, Grow, Image, ImageStack, Kbd, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSwitchItem, MenuVariantCtx, Modal, ModalContent, ModalTrigger, type Mode, Pagination, type PlainframeUITheme, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Quote, RadioGroup, RadioItem, Rotate, type Scale, Select, Skeleton, Slide, Slider, Step, Stepper, SubMenu, SubMenuContent, SubMenuTrigger, Switch, Tab, TabContent, Tabs, TextArea, TextField, type ThemeProp, ThemeProvider, type ThemeProviderProps, ToastViewport, Tooltip, TooltipContent, TooltipTrigger, Typography, defaultDarkTheme, defaultLightTheme, surfaceFromNeutral, textDark, textLight, toast, useColorMode, useColorModeValue, useDropdownMenuActiveIndex, usePlainframeUITheme, usePopoverContext, usePrimary, usePrimitives };
+export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, ActionBar, Alert, AlertDescription, AlertTitle, Autocomplete, Avatar, AvatarGroup, Backdrop, Badge, BreadCrumbItem, BreadCrumbs, Button, ButtonGroup, Card, CardContent, CardDescription, CardEnd, CardGroup, CardStart, CardTitle, Checkbox, Chip, CodeField, ColorPatches, Container, ContextZone, CssBaseline, Divider, Drawer, DropdownMenu, DropdownMenuContent, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Fade, Flex, Grow, Image, ImageStack, Kbd, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSwitchItem, MenuVariantCtx, Modal, ModalContent, ModalTrigger, type Mode, Pagination, type PlainframeUITheme, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Quote, RadioGroup, RadioItem, Rotate, type Scale, Select, Skeleton, Slide, Slider, Step, Stepper, SubMenu, SubMenuContent, SubMenuTrigger, Swap, SwapItem, Switch, Tab, TabContent, Tabs, TextArea, TextField, type ThemeProp, ThemeProvider, type ThemeProviderProps, ToastViewport, Tooltip, TooltipContent, TooltipTrigger, Typography, defaultDarkTheme, defaultLightTheme, surfaceFromNeutral, textDark, textLight, toast, useColorMode, useColorModeValue, useDropdownMenuActiveIndex, usePlainframeUITheme, usePopoverContext, usePrimary, usePrimitives };