luaniverse 4.2.7 → 4.2.10
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.cjs +6 -28
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +24 -14
- package/dist/index.d.ts +24 -14
- package/dist/index.js +6 -28
- package/dist/index.js.map +1 -1
- package/dist/tailwind.preset.js +6 -7
- package/dist/theme.css +34 -34
- package/package.json +60 -61
package/dist/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { SVGProps } from 'react';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -18,13 +18,14 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
|
18
18
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
19
19
|
import { DayPicker, DayButton } from 'react-day-picker';
|
|
20
20
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
21
|
+
import * as tailwindcss from 'tailwindcss';
|
|
21
22
|
|
|
22
23
|
declare const buttonVariants: (props?: ({
|
|
23
24
|
variant?: "default" | "primary" | "outline" | "tertiary" | "secondary" | "muted" | "destructive" | null | undefined;
|
|
24
|
-
size?: "
|
|
25
|
+
size?: "small" | "default" | "large" | null | undefined;
|
|
25
26
|
hasStartAdornment?: boolean | null | undefined;
|
|
26
27
|
hasEndAdornment?: boolean | null | undefined;
|
|
27
|
-
} &
|
|
28
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
28
29
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
29
30
|
asChild?: boolean;
|
|
30
31
|
startAdornment?: React.ReactNode;
|
|
@@ -72,7 +73,7 @@ declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & R
|
|
|
72
73
|
|
|
73
74
|
declare const badgeVariants: (props?: ({
|
|
74
75
|
variant?: "default" | "primary" | "outline" | "secondary" | "destructive" | "success" | "warning" | null | undefined;
|
|
75
|
-
} &
|
|
76
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
76
77
|
interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
77
78
|
asChild?: boolean;
|
|
78
79
|
"aria-label"?: string;
|
|
@@ -88,9 +89,9 @@ interface TextareaProps extends React.ComponentProps<'textarea'> {
|
|
|
88
89
|
declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
89
90
|
|
|
90
91
|
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
91
|
-
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?:
|
|
92
|
-
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?:
|
|
93
|
-
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?:
|
|
92
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
93
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
94
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
94
95
|
|
|
95
96
|
declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
96
97
|
value?: string;
|
|
@@ -178,7 +179,7 @@ declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dial
|
|
|
178
179
|
declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
179
180
|
declare const sheetVariants: (props?: ({
|
|
180
181
|
side?: "left" | "right" | "top" | "bottom" | null | undefined;
|
|
181
|
-
} &
|
|
182
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
182
183
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
183
184
|
showClose?: boolean;
|
|
184
185
|
showOverlay?: boolean;
|
|
@@ -197,7 +198,7 @@ declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimi
|
|
|
197
198
|
|
|
198
199
|
interface TypographyProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
199
200
|
variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-xl' | 'body-lg' | 'body' | 'body-sm' | 'caption' | 'overline';
|
|
200
|
-
as?: keyof JSX.IntrinsicElements;
|
|
201
|
+
as?: keyof React__default.JSX.IntrinsicElements;
|
|
201
202
|
children: React__default.ReactNode;
|
|
202
203
|
}
|
|
203
204
|
declare const Typography: React__default.ForwardRefExoticComponent<TypographyProps & React__default.RefAttributes<HTMLElement>>;
|
|
@@ -348,7 +349,7 @@ declare function getAccessibilityProps(props: IconProps, componentName?: string)
|
|
|
348
349
|
direction?: number | string | undefined;
|
|
349
350
|
display?: number | string | undefined;
|
|
350
351
|
divisor?: number | string | undefined;
|
|
351
|
-
dominantBaseline?:
|
|
352
|
+
dominantBaseline?: "auto" | "use-script" | "no-change" | "reset-size" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "central" | "middle" | "text-after-edge" | "text-before-edge" | "inherit" | undefined;
|
|
352
353
|
dur?: number | string | undefined;
|
|
353
354
|
dx?: number | string | undefined;
|
|
354
355
|
dy?: number | string | undefined;
|
|
@@ -495,13 +496,12 @@ declare function getAccessibilityProps(props: IconProps, componentName?: string)
|
|
|
495
496
|
tableValues?: number | string | undefined;
|
|
496
497
|
targetX?: number | string | undefined;
|
|
497
498
|
targetY?: number | string | undefined;
|
|
498
|
-
textAnchor?:
|
|
499
|
+
textAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
|
|
499
500
|
textDecoration?: number | string | undefined;
|
|
500
501
|
textLength?: number | string | undefined;
|
|
501
502
|
textRendering?: number | string | undefined;
|
|
502
503
|
to?: number | string | undefined;
|
|
503
504
|
transform?: string | undefined;
|
|
504
|
-
transformOrigin?: string | undefined;
|
|
505
505
|
u1?: number | string | undefined;
|
|
506
506
|
u2?: number | string | undefined;
|
|
507
507
|
underlinePosition?: number | string | undefined;
|
|
@@ -751,6 +751,8 @@ declare function getAccessibilityProps(props: IconProps, componentName?: string)
|
|
|
751
751
|
onLostPointerCaptureCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
|
|
752
752
|
onScroll?: React.UIEventHandler<SVGSVGElement> | undefined;
|
|
753
753
|
onScrollCapture?: React.UIEventHandler<SVGSVGElement> | undefined;
|
|
754
|
+
onScrollEnd?: React.UIEventHandler<SVGSVGElement> | undefined;
|
|
755
|
+
onScrollEndCapture?: React.UIEventHandler<SVGSVGElement> | undefined;
|
|
754
756
|
onWheel?: React.WheelEventHandler<SVGSVGElement> | undefined;
|
|
755
757
|
onWheelCapture?: React.WheelEventHandler<SVGSVGElement> | undefined;
|
|
756
758
|
onAnimationStart?: React.AnimationEventHandler<SVGSVGElement> | undefined;
|
|
@@ -759,9 +761,17 @@ declare function getAccessibilityProps(props: IconProps, componentName?: string)
|
|
|
759
761
|
onAnimationEndCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
|
|
760
762
|
onAnimationIteration?: React.AnimationEventHandler<SVGSVGElement> | undefined;
|
|
761
763
|
onAnimationIterationCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
|
|
764
|
+
onToggle?: React.ToggleEventHandler<SVGSVGElement> | undefined;
|
|
765
|
+
onBeforeToggle?: React.ToggleEventHandler<SVGSVGElement> | undefined;
|
|
766
|
+
onTransitionCancel?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
767
|
+
onTransitionCancelCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
762
768
|
onTransitionEnd?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
763
769
|
onTransitionEndCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
764
|
-
|
|
770
|
+
onTransitionRun?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
771
|
+
onTransitionRunCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
772
|
+
onTransitionStart?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
773
|
+
onTransitionStartCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
774
|
+
ref?: React.Ref<SVGSVGElement> | undefined;
|
|
765
775
|
key?: React.Key | null | undefined;
|
|
766
776
|
};
|
|
767
777
|
};
|
|
@@ -1263,7 +1273,7 @@ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.P
|
|
|
1263
1273
|
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1264
1274
|
|
|
1265
1275
|
/** @type {import('tailwindcss').Config} */
|
|
1266
|
-
declare const luaniversePreset:
|
|
1276
|
+
declare const luaniversePreset: tailwindcss.Config;
|
|
1267
1277
|
|
|
1268
1278
|
/**
|
|
1269
1279
|
* Luaniverse Design System - Tailwind CSS Safelist
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { SVGProps } from 'react';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -18,13 +18,14 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
|
18
18
|
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
19
19
|
import { DayPicker, DayButton } from 'react-day-picker';
|
|
20
20
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
21
|
+
import * as tailwindcss from 'tailwindcss';
|
|
21
22
|
|
|
22
23
|
declare const buttonVariants: (props?: ({
|
|
23
24
|
variant?: "default" | "primary" | "outline" | "tertiary" | "secondary" | "muted" | "destructive" | null | undefined;
|
|
24
|
-
size?: "
|
|
25
|
+
size?: "small" | "default" | "large" | null | undefined;
|
|
25
26
|
hasStartAdornment?: boolean | null | undefined;
|
|
26
27
|
hasEndAdornment?: boolean | null | undefined;
|
|
27
|
-
} &
|
|
28
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
28
29
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
29
30
|
asChild?: boolean;
|
|
30
31
|
startAdornment?: React.ReactNode;
|
|
@@ -72,7 +73,7 @@ declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & R
|
|
|
72
73
|
|
|
73
74
|
declare const badgeVariants: (props?: ({
|
|
74
75
|
variant?: "default" | "primary" | "outline" | "secondary" | "destructive" | "success" | "warning" | null | undefined;
|
|
75
|
-
} &
|
|
76
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
76
77
|
interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
77
78
|
asChild?: boolean;
|
|
78
79
|
"aria-label"?: string;
|
|
@@ -88,9 +89,9 @@ interface TextareaProps extends React.ComponentProps<'textarea'> {
|
|
|
88
89
|
declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
89
90
|
|
|
90
91
|
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
91
|
-
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?:
|
|
92
|
-
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?:
|
|
93
|
-
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?:
|
|
92
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
93
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
94
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
94
95
|
|
|
95
96
|
declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
|
|
96
97
|
value?: string;
|
|
@@ -178,7 +179,7 @@ declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dial
|
|
|
178
179
|
declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
179
180
|
declare const sheetVariants: (props?: ({
|
|
180
181
|
side?: "left" | "right" | "top" | "bottom" | null | undefined;
|
|
181
|
-
} &
|
|
182
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
182
183
|
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
183
184
|
showClose?: boolean;
|
|
184
185
|
showOverlay?: boolean;
|
|
@@ -197,7 +198,7 @@ declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimi
|
|
|
197
198
|
|
|
198
199
|
interface TypographyProps extends React__default.HTMLAttributes<HTMLElement> {
|
|
199
200
|
variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-xl' | 'body-lg' | 'body' | 'body-sm' | 'caption' | 'overline';
|
|
200
|
-
as?: keyof JSX.IntrinsicElements;
|
|
201
|
+
as?: keyof React__default.JSX.IntrinsicElements;
|
|
201
202
|
children: React__default.ReactNode;
|
|
202
203
|
}
|
|
203
204
|
declare const Typography: React__default.ForwardRefExoticComponent<TypographyProps & React__default.RefAttributes<HTMLElement>>;
|
|
@@ -348,7 +349,7 @@ declare function getAccessibilityProps(props: IconProps, componentName?: string)
|
|
|
348
349
|
direction?: number | string | undefined;
|
|
349
350
|
display?: number | string | undefined;
|
|
350
351
|
divisor?: number | string | undefined;
|
|
351
|
-
dominantBaseline?:
|
|
352
|
+
dominantBaseline?: "auto" | "use-script" | "no-change" | "reset-size" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "central" | "middle" | "text-after-edge" | "text-before-edge" | "inherit" | undefined;
|
|
352
353
|
dur?: number | string | undefined;
|
|
353
354
|
dx?: number | string | undefined;
|
|
354
355
|
dy?: number | string | undefined;
|
|
@@ -495,13 +496,12 @@ declare function getAccessibilityProps(props: IconProps, componentName?: string)
|
|
|
495
496
|
tableValues?: number | string | undefined;
|
|
496
497
|
targetX?: number | string | undefined;
|
|
497
498
|
targetY?: number | string | undefined;
|
|
498
|
-
textAnchor?:
|
|
499
|
+
textAnchor?: "start" | "middle" | "end" | "inherit" | undefined;
|
|
499
500
|
textDecoration?: number | string | undefined;
|
|
500
501
|
textLength?: number | string | undefined;
|
|
501
502
|
textRendering?: number | string | undefined;
|
|
502
503
|
to?: number | string | undefined;
|
|
503
504
|
transform?: string | undefined;
|
|
504
|
-
transformOrigin?: string | undefined;
|
|
505
505
|
u1?: number | string | undefined;
|
|
506
506
|
u2?: number | string | undefined;
|
|
507
507
|
underlinePosition?: number | string | undefined;
|
|
@@ -751,6 +751,8 @@ declare function getAccessibilityProps(props: IconProps, componentName?: string)
|
|
|
751
751
|
onLostPointerCaptureCapture?: React.PointerEventHandler<SVGSVGElement> | undefined;
|
|
752
752
|
onScroll?: React.UIEventHandler<SVGSVGElement> | undefined;
|
|
753
753
|
onScrollCapture?: React.UIEventHandler<SVGSVGElement> | undefined;
|
|
754
|
+
onScrollEnd?: React.UIEventHandler<SVGSVGElement> | undefined;
|
|
755
|
+
onScrollEndCapture?: React.UIEventHandler<SVGSVGElement> | undefined;
|
|
754
756
|
onWheel?: React.WheelEventHandler<SVGSVGElement> | undefined;
|
|
755
757
|
onWheelCapture?: React.WheelEventHandler<SVGSVGElement> | undefined;
|
|
756
758
|
onAnimationStart?: React.AnimationEventHandler<SVGSVGElement> | undefined;
|
|
@@ -759,9 +761,17 @@ declare function getAccessibilityProps(props: IconProps, componentName?: string)
|
|
|
759
761
|
onAnimationEndCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
|
|
760
762
|
onAnimationIteration?: React.AnimationEventHandler<SVGSVGElement> | undefined;
|
|
761
763
|
onAnimationIterationCapture?: React.AnimationEventHandler<SVGSVGElement> | undefined;
|
|
764
|
+
onToggle?: React.ToggleEventHandler<SVGSVGElement> | undefined;
|
|
765
|
+
onBeforeToggle?: React.ToggleEventHandler<SVGSVGElement> | undefined;
|
|
766
|
+
onTransitionCancel?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
767
|
+
onTransitionCancelCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
762
768
|
onTransitionEnd?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
763
769
|
onTransitionEndCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
764
|
-
|
|
770
|
+
onTransitionRun?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
771
|
+
onTransitionRunCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
772
|
+
onTransitionStart?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
773
|
+
onTransitionStartCapture?: React.TransitionEventHandler<SVGSVGElement> | undefined;
|
|
774
|
+
ref?: React.Ref<SVGSVGElement> | undefined;
|
|
765
775
|
key?: React.Key | null | undefined;
|
|
766
776
|
};
|
|
767
777
|
};
|
|
@@ -1263,7 +1273,7 @@ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.P
|
|
|
1263
1273
|
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
1264
1274
|
|
|
1265
1275
|
/** @type {import('tailwindcss').Config} */
|
|
1266
|
-
declare const luaniversePreset:
|
|
1276
|
+
declare const luaniversePreset: tailwindcss.Config;
|
|
1267
1277
|
|
|
1268
1278
|
/**
|
|
1269
1279
|
* Luaniverse Design System - Tailwind CSS Safelist
|
package/dist/index.js
CHANGED
|
@@ -366,36 +366,29 @@ var Input = React121.forwardRef(
|
|
|
366
366
|
type,
|
|
367
367
|
id: inputId,
|
|
368
368
|
className: cn(
|
|
369
|
-
// Base styles
|
|
370
369
|
"lua:flex lua:h-10 lua:w-full lua:rounded-md lua:border lua:bg-card lua:px-3 lua:py-2 lua:text-base lua:transition-all lua:duration-200",
|
|
371
370
|
"lua:file:border-0 lua:file:bg-transparent lua:file:text-sm lua:file:font-medium lua:file:text-foreground",
|
|
372
371
|
"lua:placeholder:text-muted-foreground",
|
|
373
372
|
"lua:focus-visible:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-background",
|
|
374
|
-
// Default state
|
|
375
373
|
"lua:border-input lua:text-foreground",
|
|
376
374
|
"lua:focus-visible:ring-ring",
|
|
377
|
-
// Error state
|
|
378
375
|
hasError && [
|
|
379
376
|
"lua:border-destructive",
|
|
380
377
|
"lua:focus-visible:ring-destructive",
|
|
381
378
|
"lua:text-foreground"
|
|
382
379
|
],
|
|
383
|
-
// Success state
|
|
384
380
|
hasSuccess && [
|
|
385
381
|
"lua:border-success",
|
|
386
382
|
"lua:focus-visible:ring-success"
|
|
387
383
|
],
|
|
388
|
-
// Disabled state
|
|
389
384
|
disabled && [
|
|
390
385
|
"lua:cursor-not-allowed lua:opacity-50",
|
|
391
386
|
"lua:bg-muted",
|
|
392
387
|
"lua:text-muted-foreground",
|
|
393
388
|
"lua:placeholder:text-muted-foreground"
|
|
394
389
|
],
|
|
395
|
-
// Padding adjustments for adornments
|
|
396
390
|
hasStartAdornment && "lua:pl-10",
|
|
397
391
|
hasEndAdornment && "lua:pr-10",
|
|
398
|
-
// Responsive text size
|
|
399
392
|
"lua:md:text-sm",
|
|
400
393
|
className
|
|
401
394
|
),
|
|
@@ -534,34 +527,27 @@ var Textarea = React121.forwardRef(
|
|
|
534
527
|
id: textareaId,
|
|
535
528
|
"data-slot": "textarea",
|
|
536
529
|
className: cn(
|
|
537
|
-
// Base styles
|
|
538
530
|
"lua:flex lua:min-h-16 lua:w-full lua:rounded-md lua:border lua:bg-card lua:px-3 lua:py-2 lua:text-base lua:transition-all lua:duration-200",
|
|
539
531
|
"lua:placeholder:text-muted-foreground",
|
|
540
532
|
"lua:focus-visible:outline-hidden lua:focus-visible:ring-2 lua:focus-visible:ring-offset-2 lua:focus-visible:ring-offset-background",
|
|
541
|
-
// Default state
|
|
542
533
|
"lua:border-input lua:text-foreground",
|
|
543
534
|
"lua:focus-visible:ring-ring",
|
|
544
|
-
// Error state
|
|
545
535
|
hasError && [
|
|
546
536
|
"lua:border-destructive",
|
|
547
537
|
"lua:focus-visible:ring-destructive",
|
|
548
538
|
"lua:text-foreground"
|
|
549
539
|
],
|
|
550
|
-
// Success state
|
|
551
540
|
hasSuccess && [
|
|
552
541
|
"lua:border-success",
|
|
553
542
|
"lua:focus-visible:ring-success"
|
|
554
543
|
],
|
|
555
|
-
// Disabled state
|
|
556
544
|
disabled && [
|
|
557
545
|
"lua:cursor-not-allowed lua:opacity-50",
|
|
558
546
|
"lua:bg-muted",
|
|
559
547
|
"lua:text-muted-foreground",
|
|
560
548
|
"lua:placeholder:text-muted-foreground"
|
|
561
549
|
],
|
|
562
|
-
// Resize behavior
|
|
563
550
|
resizeClasses[resize],
|
|
564
|
-
// Responsive text size
|
|
565
551
|
"lua:md:text-sm",
|
|
566
552
|
className
|
|
567
553
|
),
|
|
@@ -5652,9 +5638,7 @@ var TableRow = React121.forwardRef(({ className, ...props }, ref) => /* @__PURE_
|
|
|
5652
5638
|
"data-slot": "table-row",
|
|
5653
5639
|
className: cn(
|
|
5654
5640
|
"lua:transition-colors lua:block lua:md:table-row",
|
|
5655
|
-
// Mobile card styles (default)
|
|
5656
5641
|
"lua:bg-card lua:border lua:border-border lua:rounded-lg lua:p-4 lua:shadow-sm lua:mb-4",
|
|
5657
|
-
// Desktop table styles (md and up)
|
|
5658
5642
|
"lua:md:bg-transparent lua:md:border-0 lua:md:border-b lua:md:border-border lua:md:rounded-none lua:md:p-0 lua:md:shadow-none lua:md:mb-0",
|
|
5659
5643
|
"lua:md:hover:bg-muted lua:md:data-[state=selected]:bg-secondary",
|
|
5660
5644
|
className
|
|
@@ -5684,10 +5668,8 @@ var TableCell = React121.forwardRef(({ className, label, ...props }, ref) => /*
|
|
|
5684
5668
|
"data-label": label,
|
|
5685
5669
|
className: cn(
|
|
5686
5670
|
"lua:[&:has([role=checkbox])]:pr-0 lua:[&>[role=checkbox]]:translate-y-[2px] lua:block lua:md:table-cell",
|
|
5687
|
-
// Mobile card cell styles (default)
|
|
5688
5671
|
"lua:py-3 lua:px-0 lua:border-b lua:border-border lua:last:border-b-0 lua:text-left",
|
|
5689
5672
|
"lua:before:content-[attr(data-label)] lua:before:float-left lua:before:font-normal lua:before:text-foreground lua:before:mr-4 lua:before:min-w-[100px]",
|
|
5690
|
-
// Desktop table cell styles (md and up)
|
|
5691
5673
|
"lua:md:px-4 lua:md:align-middle lua:md:whitespace-nowrap lua:md:text-left lua:md:border-b-0",
|
|
5692
5674
|
"lua:md:before:content-none",
|
|
5693
5675
|
className
|
|
@@ -6221,14 +6203,11 @@ var PopoverContent = React121.forwardRef(({ className, align = "center", sideOff
|
|
|
6221
6203
|
align,
|
|
6222
6204
|
sideOffset,
|
|
6223
6205
|
className: cn(
|
|
6224
|
-
// Base styles - Luaniverse design with semantic tokens
|
|
6225
6206
|
"lua:z-50 lua:rounded-md lua:border lua:border-border lua:bg-popover lua:text-popover-foreground lua:shadow-lg lua:font-onest",
|
|
6226
|
-
// Animation
|
|
6227
6207
|
"lua:transition-all lua:duration-200",
|
|
6228
6208
|
"lua:data-[state=open]:animate-in lua:data-[state=open]:fade-in-0 lua:data-[state=open]:zoom-in-95",
|
|
6229
6209
|
"lua:data-[state=closed]:animate-out lua:data-[state=closed]:fade-out-0 lua:data-[state=closed]:zoom-out-95",
|
|
6230
6210
|
"lua:data-[side=bottom]:slide-in-from-top-2 lua:data-[side=left]:slide-in-from-right-2 lua:data-[side=right]:slide-in-from-left-2 lua:data-[side=top]:slide-in-from-bottom-2",
|
|
6231
|
-
// Focus
|
|
6232
6211
|
"lua:focus-visible:outline-none lua:focus-visible:ring-2 lua:focus-visible:ring-ring lua:focus-visible:ring-offset-2",
|
|
6233
6212
|
className
|
|
6234
6213
|
),
|
|
@@ -6893,9 +6872,7 @@ var luaniverseSafelist = [
|
|
|
6893
6872
|
|
|
6894
6873
|
// src/tailwind.preset.js
|
|
6895
6874
|
var luaniversePreset = {
|
|
6896
|
-
// Dark mode enabled using class strategy
|
|
6897
6875
|
darkMode: "class",
|
|
6898
|
-
// Safelist story-specific arbitrary values that are hard to standardize
|
|
6899
6876
|
safelist: luaniverseSafelist,
|
|
6900
6877
|
theme: {
|
|
6901
6878
|
extend: {
|
|
@@ -6940,7 +6917,12 @@ var luaniversePreset = {
|
|
|
6940
6917
|
active: "hsl(var(--destructive-active, 351 100% 37%))"
|
|
6941
6918
|
// Fallback to #BF001C
|
|
6942
6919
|
},
|
|
6943
|
-
|
|
6920
|
+
info: {
|
|
6921
|
+
DEFAULT: "hsl(var(--info, 217 91% 60%))",
|
|
6922
|
+
// Fallback to blue-500
|
|
6923
|
+
foreground: "hsl(var(--info-foreground, 222 47% 11%))"
|
|
6924
|
+
// Fallback to dark
|
|
6925
|
+
},
|
|
6944
6926
|
black: {
|
|
6945
6927
|
DEFAULT: "#000000",
|
|
6946
6928
|
hover: "#333333"
|
|
@@ -6987,19 +6969,15 @@ var luaniversePreset = {
|
|
|
6987
6969
|
sm: "calc(var(--radius, 0.5rem) - 4px)"
|
|
6988
6970
|
// Fallback to 4px
|
|
6989
6971
|
},
|
|
6990
|
-
// Custom spacing for component consistency
|
|
6991
6972
|
spacing: {
|
|
6992
6973
|
0: "0px",
|
|
6993
6974
|
// 0 spacing
|
|
6994
6975
|
1: "1px",
|
|
6995
6976
|
1.5: "6px"
|
|
6996
|
-
// IconButton small padding, Button gap
|
|
6997
6977
|
},
|
|
6998
6978
|
gap: {
|
|
6999
6979
|
1.5: "6px"
|
|
7000
|
-
// Button icon-text gap
|
|
7001
6980
|
},
|
|
7002
|
-
// Custom sizes for IconButton components
|
|
7003
6981
|
size: {
|
|
7004
6982
|
7: "28px",
|
|
7005
6983
|
// IconButton small
|