@mindtris/ui 0.1.11 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +39 -76
- package/dist/index.mjs +1114 -1185
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1988,38 +1988,6 @@ interface ChipProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
1988
1988
|
}
|
|
1989
1989
|
declare function Chip({ size, variant, leadingIcon, onRemove, defaultSelected, selected, onSelectedChange, className, disabled, children, onClick, ...props }: ChipProps): React$1.JSX.Element;
|
|
1990
1990
|
|
|
1991
|
-
interface SelectProps extends React__default.SelectHTMLAttributes<HTMLSelectElement> {
|
|
1992
|
-
}
|
|
1993
|
-
/**
|
|
1994
|
-
* Select styled to match Input — single design system control for dropdowns.
|
|
1995
|
-
* Use across theme customizer (preset, fonts, etc.) for consistency.
|
|
1996
|
-
*/
|
|
1997
|
-
declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLSelectElement>>;
|
|
1998
|
-
|
|
1999
|
-
/**
|
|
2000
|
-
* Native Select: Styled native <select> when Radix Select is not needed.
|
|
2001
|
-
*
|
|
2002
|
-
* Design-system contract:
|
|
2003
|
-
* - Scope: UI-only primitive. No domain copy.
|
|
2004
|
-
* - Tokens-only: semantic token classes only.
|
|
2005
|
-
* - Simple, accessible, token-driven. Use for basic selects without custom dropdown.
|
|
2006
|
-
*
|
|
2007
|
-
* @author: @mindtris-team
|
|
2008
|
-
* @version: 0.1.0
|
|
2009
|
-
* @since: 2026-02-01
|
|
2010
|
-
*/
|
|
2011
|
-
|
|
2012
|
-
type NativeSelectSize = "sm" | "default" | "lg";
|
|
2013
|
-
interface NativeSelectProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
|
2014
|
-
/** Size variant. */
|
|
2015
|
-
size?: NativeSelectSize;
|
|
2016
|
-
/** Whether the field has an error. */
|
|
2017
|
-
invalid?: boolean;
|
|
2018
|
-
/** Full width. */
|
|
2019
|
-
fullWidth?: boolean;
|
|
2020
|
-
}
|
|
2021
|
-
declare const NativeSelect: React$1.ForwardRefExoticComponent<NativeSelectProps & React$1.RefAttributes<HTMLSelectElement>>;
|
|
2022
|
-
|
|
2023
1991
|
/**
|
|
2024
1992
|
* Field: Standard form layout (label, control slot, description, error).
|
|
2025
1993
|
*
|
|
@@ -2075,8 +2043,12 @@ interface EmptyProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'title
|
|
|
2075
2043
|
action?: React$1.ReactNode;
|
|
2076
2044
|
/** Size variant. */
|
|
2077
2045
|
size?: "sm" | "default" | "lg";
|
|
2046
|
+
/** Optional override for title styling. */
|
|
2047
|
+
titleClassName?: string;
|
|
2048
|
+
/** Optional override for description styling. */
|
|
2049
|
+
descriptionClassName?: string;
|
|
2078
2050
|
}
|
|
2079
|
-
declare function Empty({ icon, title, description, action, size, className, children, ...props }: EmptyProps): React$1.JSX.Element;
|
|
2051
|
+
declare function Empty({ icon, title, description, action, size, titleClassName, descriptionClassName, className, children, ...props }: EmptyProps): React$1.JSX.Element;
|
|
2080
2052
|
|
|
2081
2053
|
/**
|
|
2082
2054
|
* Carousel: Image/content slides using Embla Carousel.
|
|
@@ -2943,45 +2915,16 @@ interface NavbarProps {
|
|
|
2943
2915
|
}
|
|
2944
2916
|
declare function Navbar({ brand, links, rightSlot, className }: NavbarProps): React__default.JSX.Element;
|
|
2945
2917
|
|
|
2946
|
-
type TabsVariant = 'simple' | 'underline' | 'container';
|
|
2947
|
-
interface TabsItem {
|
|
2948
|
-
id: string;
|
|
2949
|
-
label: string;
|
|
2950
|
-
icon?: React__default.ReactNode;
|
|
2951
|
-
}
|
|
2952
|
-
interface TabsProps {
|
|
2953
|
-
items: readonly TabsItem[];
|
|
2954
|
-
value: string;
|
|
2955
|
-
onValueChange: (id: string) => void;
|
|
2956
|
-
variant?: TabsVariant;
|
|
2957
|
-
className?: string;
|
|
2958
|
-
}
|
|
2959
2918
|
/**
|
|
2960
2919
|
* Tabs
|
|
2961
|
-
*
|
|
2962
|
-
* -
|
|
2963
|
-
* -
|
|
2964
|
-
* - container: pill buttons (existing)
|
|
2965
|
-
*/
|
|
2966
|
-
declare function Tabs({ items, value, onValueChange, variant, className, }: TabsProps): React__default.JSX.Element;
|
|
2967
|
-
type TabsWithContainerItem = TabsItem;
|
|
2968
|
-
declare function TabsWithContainer(props: Omit<TabsProps, 'variant'>): React__default.JSX.Element;
|
|
2969
|
-
|
|
2970
|
-
/**
|
|
2971
|
-
* Tabs (Radix): shadcn-style tab primitives.
|
|
2972
|
-
*
|
|
2973
|
-
* Design-system contract
|
|
2974
|
-
* - Scope: UI-only primitive.
|
|
2975
|
-
* - Tokens-only: semantic token classes only.
|
|
2976
|
-
* - A11y: Radix handles keyboard + aria.
|
|
2977
|
-
*
|
|
2978
|
-
* Reference: shadcn `tabs.tsx`.
|
|
2920
|
+
* Unified implementation using Radix UI primitives.
|
|
2921
|
+
* Includes both low-level primitives (TabsRoot, TabsList, TabsTrigger, TabsContent)
|
|
2922
|
+
* and a high-level Tabs component for variant-based usage.
|
|
2979
2923
|
*/
|
|
2980
2924
|
|
|
2981
2925
|
type TabsRootProps = React$1.ComponentProps<typeof TabsPrimitive.Root>;
|
|
2982
2926
|
type TabsListProps = React$1.ComponentProps<typeof TabsPrimitive.List> & {
|
|
2983
|
-
|
|
2984
|
-
variant?: 'segmented' | 'line' | 'line-separator';
|
|
2927
|
+
variant?: 'segmented' | 'line' | 'line-separator' | 'container' | 'underline' | 'simple';
|
|
2985
2928
|
};
|
|
2986
2929
|
type TabsTriggerProps = React$1.ComponentProps<typeof TabsPrimitive.Trigger>;
|
|
2987
2930
|
type TabsContentProps = React$1.ComponentProps<typeof TabsPrimitive.Content>;
|
|
@@ -2989,6 +2932,22 @@ declare function TabsRoot({ className, ...props }: TabsRootProps): React$1.JSX.E
|
|
|
2989
2932
|
declare function TabsList({ className, variant, ...props }: TabsListProps): React$1.JSX.Element;
|
|
2990
2933
|
declare function TabsTrigger({ className, ...props }: TabsTriggerProps): React$1.JSX.Element;
|
|
2991
2934
|
declare function TabsContent({ className, ...props }: TabsContentProps): React$1.JSX.Element;
|
|
2935
|
+
type TabsVariant = 'simple' | 'underline' | 'container' | 'segmented' | 'line' | 'line-separator';
|
|
2936
|
+
interface TabsItem {
|
|
2937
|
+
id: string;
|
|
2938
|
+
label: string;
|
|
2939
|
+
icon?: React$1.ReactNode;
|
|
2940
|
+
}
|
|
2941
|
+
interface TabsProps {
|
|
2942
|
+
items: readonly TabsItem[];
|
|
2943
|
+
value: string;
|
|
2944
|
+
onValueChange: (id: string) => void;
|
|
2945
|
+
variant?: TabsVariant;
|
|
2946
|
+
className?: string;
|
|
2947
|
+
}
|
|
2948
|
+
declare function Tabs({ items, value, onValueChange, variant, className, }: TabsProps): React$1.JSX.Element;
|
|
2949
|
+
type TabsWithContainerItem = TabsItem;
|
|
2950
|
+
declare function TabsWithContainer(props: Omit<TabsProps, 'variant'>): React$1.JSX.Element;
|
|
2992
2951
|
|
|
2993
2952
|
/** Shared collapsible section used across Colors, Typography, Other tabs (design-system consistency) */
|
|
2994
2953
|
interface CollapsibleSectionProps {
|
|
@@ -3661,16 +3620,10 @@ type ToastOptions = Parameters<typeof toast>[1];
|
|
|
3661
3620
|
declare function toastSemantic(variant: ToastSemanticVariant, message: ToastMessage, options?: ToastOptions): string | number;
|
|
3662
3621
|
|
|
3663
3622
|
/**
|
|
3664
|
-
* Select
|
|
3665
|
-
*
|
|
3666
|
-
*
|
|
3667
|
-
*
|
|
3668
|
-
* - Tokens-only: semantic token classes only; no hardcoded colors.
|
|
3669
|
-
* - Minimal state: Radix handles value, open state, a11y.
|
|
3670
|
-
* - Composition: SelectRoot, SelectTrigger, SelectValue, SelectContent,
|
|
3671
|
-
* SelectItem, SelectGroup, SelectLabel, SelectSeparator.
|
|
3672
|
-
*
|
|
3673
|
-
* @see https://ui.shadcn.com/docs/components/radix/select
|
|
3623
|
+
* Select
|
|
3624
|
+
* Unified implementation using Radix UI primitives and Native Select.
|
|
3625
|
+
* Includes both low-level primitives (SelectRoot, SelectList, etc.)
|
|
3626
|
+
* and a high-level Select component for variant-based usage.
|
|
3674
3627
|
*/
|
|
3675
3628
|
|
|
3676
3629
|
declare const SelectRoot: React$1.FC<SelectPrimitive.SelectProps>;
|
|
@@ -3689,6 +3642,16 @@ declare function SelectContent({ className, children, position, sideOffset, ...p
|
|
|
3689
3642
|
declare function SelectLabel({ className, ...props }: SelectLabelProps): React$1.JSX.Element;
|
|
3690
3643
|
declare function SelectItem({ className, children, ...props }: SelectItemProps): React$1.JSX.Element;
|
|
3691
3644
|
declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): React$1.JSX.Element;
|
|
3645
|
+
type NativeSelectSize = "sm" | "default" | "lg";
|
|
3646
|
+
interface NativeSelectProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
|
|
3647
|
+
size?: NativeSelectSize;
|
|
3648
|
+
invalid?: boolean;
|
|
3649
|
+
fullWidth?: boolean;
|
|
3650
|
+
}
|
|
3651
|
+
declare const NativeSelect: React$1.ForwardRefExoticComponent<NativeSelectProps & React$1.RefAttributes<HTMLSelectElement>>;
|
|
3652
|
+
interface SelectProps extends React$1.SelectHTMLAttributes<HTMLSelectElement> {
|
|
3653
|
+
}
|
|
3654
|
+
declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLSelectElement>>;
|
|
3692
3655
|
|
|
3693
3656
|
/**
|
|
3694
3657
|
* ButtonTooltip / Tooltip: Lightweight tooltip wrapper.
|