@sigx/daisyui 0.1.6
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/LICENSE +21 -0
- package/README.md +235 -0
- package/dist/buttons/Button.d.ts +18 -0
- package/dist/buttons/Button.d.ts.map +1 -0
- package/dist/buttons/ButtonGroup.d.ts +18 -0
- package/dist/buttons/ButtonGroup.d.ts.map +1 -0
- package/dist/buttons/index.d.ts +5 -0
- package/dist/buttons/index.d.ts.map +1 -0
- package/dist/buttons/index.js +2 -0
- package/dist/buttons-Dtj_5Uc3.js +61 -0
- package/dist/buttons-Dtj_5Uc3.js.map +1 -0
- package/dist/data/Table.d.ts +92 -0
- package/dist/data/Table.d.ts.map +1 -0
- package/dist/data/index.d.ts +3 -0
- package/dist/data/index.d.ts.map +1 -0
- package/dist/data/index.js +2 -0
- package/dist/data-wxNpnX83.js +153 -0
- package/dist/data-wxNpnX83.js.map +1 -0
- package/dist/feedback/Accordion.d.ts +87 -0
- package/dist/feedback/Accordion.d.ts.map +1 -0
- package/dist/feedback/Badge.d.ts +73 -0
- package/dist/feedback/Badge.d.ts.map +1 -0
- package/dist/feedback/Countdown.d.ts +33 -0
- package/dist/feedback/Countdown.d.ts.map +1 -0
- package/dist/feedback/Diff.d.ts +43 -0
- package/dist/feedback/Diff.d.ts.map +1 -0
- package/dist/feedback/FileInput.d.ts +28 -0
- package/dist/feedback/FileInput.d.ts.map +1 -0
- package/dist/feedback/Indicator.d.ts +47 -0
- package/dist/feedback/Indicator.d.ts.map +1 -0
- package/dist/feedback/Kbd.d.ts +31 -0
- package/dist/feedback/Kbd.d.ts.map +1 -0
- package/dist/feedback/Modal.d.ts +51 -0
- package/dist/feedback/Modal.d.ts.map +1 -0
- package/dist/feedback/RadialProgress.d.ts +35 -0
- package/dist/feedback/RadialProgress.d.ts.map +1 -0
- package/dist/feedback/Rating.d.ts +34 -0
- package/dist/feedback/Rating.d.ts.map +1 -0
- package/dist/feedback/Skeleton.d.ts +24 -0
- package/dist/feedback/Skeleton.d.ts.map +1 -0
- package/dist/feedback/Steps.d.ts +60 -0
- package/dist/feedback/Steps.d.ts.map +1 -0
- package/dist/feedback/Swap.d.ts +53 -0
- package/dist/feedback/Swap.d.ts.map +1 -0
- package/dist/feedback/Timeline.d.ts +76 -0
- package/dist/feedback/Timeline.d.ts.map +1 -0
- package/dist/feedback/Toast.d.ts +30 -0
- package/dist/feedback/Toast.d.ts.map +1 -0
- package/dist/feedback/index.d.ts +31 -0
- package/dist/feedback/index.d.ts.map +1 -0
- package/dist/feedback/index.js +2 -0
- package/dist/feedback-DFutN-Kz.js +817 -0
- package/dist/feedback-DFutN-Kz.js.map +1 -0
- package/dist/forms/Checkbox.d.ts +15 -0
- package/dist/forms/Checkbox.d.ts.map +1 -0
- package/dist/forms/FormField.d.ts +16 -0
- package/dist/forms/FormField.d.ts.map +1 -0
- package/dist/forms/Input.d.ts +19 -0
- package/dist/forms/Input.d.ts.map +1 -0
- package/dist/forms/Radio.d.ts +78 -0
- package/dist/forms/Radio.d.ts.map +1 -0
- package/dist/forms/Range.d.ts +15 -0
- package/dist/forms/Range.d.ts.map +1 -0
- package/dist/forms/Select.d.ts +28 -0
- package/dist/forms/Select.d.ts.map +1 -0
- package/dist/forms/Textarea.d.ts +17 -0
- package/dist/forms/Textarea.d.ts.map +1 -0
- package/dist/forms/Toggle.d.ts +15 -0
- package/dist/forms/Toggle.d.ts.map +1 -0
- package/dist/forms/index.d.ts +17 -0
- package/dist/forms/index.d.ts.map +1 -0
- package/dist/forms/index.js +2 -0
- package/dist/forms-CuvlRMro.js +362 -0
- package/dist/forms-CuvlRMro.js.map +1 -0
- package/dist/index.d.ts +38 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +9 -0
- package/dist/layout/Card.d.ts +65 -0
- package/dist/layout/Card.d.ts.map +1 -0
- package/dist/layout/Carousel.d.ts +56 -0
- package/dist/layout/Carousel.d.ts.map +1 -0
- package/dist/layout/Chat.d.ts +54 -0
- package/dist/layout/Chat.d.ts.map +1 -0
- package/dist/layout/Container.d.ts +17 -0
- package/dist/layout/Container.d.ts.map +1 -0
- package/dist/layout/Divider.d.ts +22 -0
- package/dist/layout/Divider.d.ts.map +1 -0
- package/dist/layout/Flex.d.ts +59 -0
- package/dist/layout/Flex.d.ts.map +1 -0
- package/dist/layout/Footer.d.ts +25 -0
- package/dist/layout/Footer.d.ts.map +1 -0
- package/dist/layout/Hero.d.ts +52 -0
- package/dist/layout/Hero.d.ts.map +1 -0
- package/dist/layout/Join.d.ts +40 -0
- package/dist/layout/Join.d.ts.map +1 -0
- package/dist/layout/Link.d.ts +20 -0
- package/dist/layout/Link.d.ts.map +1 -0
- package/dist/layout/Mask.d.ts +26 -0
- package/dist/layout/Mask.d.ts.map +1 -0
- package/dist/layout/Mockup.d.ts +95 -0
- package/dist/layout/Mockup.d.ts.map +1 -0
- package/dist/layout/Stack.d.ts +45 -0
- package/dist/layout/Stack.d.ts.map +1 -0
- package/dist/layout/index.d.ts +46 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +2 -0
- package/dist/layout-0aaJX4B2.js +554 -0
- package/dist/layout-0aaJX4B2.js.map +1 -0
- package/dist/navigation/Breadcrumbs.d.ts +22 -0
- package/dist/navigation/Breadcrumbs.d.ts.map +1 -0
- package/dist/navigation/Drawer.d.ts +25 -0
- package/dist/navigation/Drawer.d.ts.map +1 -0
- package/dist/navigation/Dropdown.d.ts +40 -0
- package/dist/navigation/Dropdown.d.ts.map +1 -0
- package/dist/navigation/MenuComponent.d.ts +54 -0
- package/dist/navigation/MenuComponent.d.ts.map +1 -0
- package/dist/navigation/Navbar.d.ts +23 -0
- package/dist/navigation/Navbar.d.ts.map +1 -0
- package/dist/navigation/Pagination.d.ts +12 -0
- package/dist/navigation/Pagination.d.ts.map +1 -0
- package/dist/navigation/Tabs.d.ts +35 -0
- package/dist/navigation/Tabs.d.ts.map +1 -0
- package/dist/navigation/index.d.ts +15 -0
- package/dist/navigation/index.d.ts.map +1 -0
- package/dist/navigation/index.js +2 -0
- package/dist/navigation-4cwyfLvr.js +285 -0
- package/dist/navigation-4cwyfLvr.js.map +1 -0
- package/dist/shared/styles.d.ts +79 -0
- package/dist/shared/styles.d.ts.map +1 -0
- package/dist/styles-DFkMxi90.js +126 -0
- package/dist/styles-DFkMxi90.js.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +73 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +2 -0
- package/dist/theme-D9CUMvuT.js +118 -0
- package/dist/theme-D9CUMvuT.js.map +1 -0
- package/dist/typography/Text.d.ts +47 -0
- package/dist/typography/Text.d.ts.map +1 -0
- package/dist/typography/index.d.ts +3 -0
- package/dist/typography/index.d.ts.map +1 -0
- package/dist/typography/index.js +2 -0
- package/dist/typography-CU1RMGKA.js +112 -0
- package/dist/typography-CU1RMGKA.js.map +1 -0
- package/package.json +88 -0
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type ChatProps = DefineProp<'start', boolean, false> & DefineProp<'end', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
3
|
+
export type ChatImageProps = DefineProp<'src', string> & DefineProp<'alt', string, false> & DefineProp<'class', string, false>;
|
|
4
|
+
export type ChatHeaderProps = DefineProp<'name', string, false> & DefineProp<'time', string, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
5
|
+
export type ChatBubbleColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
|
|
6
|
+
export type ChatBubbleProps = DefineProp<'color', ChatBubbleColor, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
7
|
+
export type ChatFooterProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
8
|
+
/**
|
|
9
|
+
* Chat compound component with Image, Header, Bubble, and Footer sub-components.
|
|
10
|
+
*/
|
|
11
|
+
export declare const Chat: ((props: {
|
|
12
|
+
class?: string | undefined;
|
|
13
|
+
start?: boolean | undefined;
|
|
14
|
+
end?: boolean | undefined;
|
|
15
|
+
} & {} & {
|
|
16
|
+
slots?: Partial<{
|
|
17
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
18
|
+
}> | undefined;
|
|
19
|
+
} & {} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
|
|
20
|
+
ref?: import("@sigx/runtime-core").Ref<void> | undefined;
|
|
21
|
+
children?: any;
|
|
22
|
+
}) => import("@sigx/runtime-core").JSXElement) & {
|
|
23
|
+
__setup: import("@sigx/runtime-core").SetupFn<{
|
|
24
|
+
start?: boolean | undefined;
|
|
25
|
+
end?: boolean | undefined;
|
|
26
|
+
class?: string | undefined;
|
|
27
|
+
}, ChatProps, void, {
|
|
28
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
29
|
+
}>;
|
|
30
|
+
__name?: string;
|
|
31
|
+
__props: {
|
|
32
|
+
start?: boolean | undefined;
|
|
33
|
+
end?: boolean | undefined;
|
|
34
|
+
class?: string | undefined;
|
|
35
|
+
};
|
|
36
|
+
__events: ChatProps;
|
|
37
|
+
__ref: void;
|
|
38
|
+
__slots: {
|
|
39
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
40
|
+
};
|
|
41
|
+
} & {
|
|
42
|
+
Image: import("@sigx/runtime-core").ComponentFactory<ChatImageProps, void, {}>;
|
|
43
|
+
Header: import("@sigx/runtime-core").ComponentFactory<ChatHeaderProps, void, {
|
|
44
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
45
|
+
}>;
|
|
46
|
+
Bubble: import("@sigx/runtime-core").ComponentFactory<ChatBubbleProps, void, {
|
|
47
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
48
|
+
}>;
|
|
49
|
+
Footer: import("@sigx/runtime-core").ComponentFactory<ChatFooterProps, void, {
|
|
50
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
51
|
+
}>;
|
|
52
|
+
};
|
|
53
|
+
export type { ChatImageProps as ChatImageCompProps, ChatHeaderProps as ChatHeaderCompProps, ChatBubbleProps as ChatBubbleCompProps, ChatFooterProps as ChatFooterCompProps };
|
|
54
|
+
//# sourceMappingURL=Chat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../src/layout/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,GACzB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAChC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAEzC,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5G,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,KAAK,CAAC,GAC3C,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA4I5B;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKf,CAAC;AAEH,YAAY,EACR,cAAc,IAAI,kBAAkB,EACpC,eAAe,IAAI,mBAAmB,EACtC,eAAe,IAAI,mBAAmB,EACtC,eAAe,IAAI,mBAAmB,EACzC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
3
|
+
export type ContainerProps = DefineProp<'size', ContainerSize, false> & DefineProp<'center', boolean, false> & DefineProp<'padding', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
4
|
+
/**
|
|
5
|
+
* Container component for constraining content width.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <Container size="lg" center padding>
|
|
10
|
+
* <p>Content goes here</p>
|
|
11
|
+
* </Container>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
export declare const Container: import("@sigx/runtime-core").ComponentFactory<ContainerProps, void, {
|
|
15
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=Container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../src/layout/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAW5B;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;EA2BpB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type DividerProps = DefineProp<'vertical', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
3
|
+
/**
|
|
4
|
+
* Divider component with DaisyUI styling.
|
|
5
|
+
*
|
|
6
|
+
* Note: In DaisyUI, the naming is based on the flex container direction:
|
|
7
|
+
* - Default 'divider' works in vertical flex containers (flex-col)
|
|
8
|
+
* - 'divider-horizontal' works in horizontal flex containers (flex-row)
|
|
9
|
+
*
|
|
10
|
+
* When 'vertical' prop is true, this component uses 'divider-horizontal'
|
|
11
|
+
* which renders a vertical dividing line in a horizontal flex container.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Divider>OR</Divider>
|
|
16
|
+
* <Divider vertical />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
export declare const Divider: import("@sigx/runtime-core").ComponentFactory<DividerProps, void, {
|
|
20
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
21
|
+
}>;
|
|
22
|
+
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/layout/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEzD,MAAM,MAAM,YAAY,GAClB,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO;;EAkBlB,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
import { Spacing, RadiusValue, BackgroundColor, SizeValue, FlexAlign, FlexJustify, FlexDirection } from '../shared/styles';
|
|
3
|
+
export type { Spacing as FlexSpacing, FlexAlign, FlexJustify };
|
|
4
|
+
export type FlexProps = DefineProp<'direction', FlexDirection, false> & DefineProp<'gap', Spacing, false> & DefineProp<'align', FlexAlign, false> & DefineProp<'justify', FlexJustify, false> & DefineProp<'wrap', boolean, false> & DefineProp<'inline', boolean, false> & DefineProp<'padding', Spacing, false> & DefineProp<'margin', Spacing, false> & DefineProp<'width', SizeValue, false> & DefineProp<'height', SizeValue, false> & DefineProp<'minWidth', SizeValue, false> & DefineProp<'minHeight', SizeValue, false> & DefineProp<'maxWidth', SizeValue, false> & DefineProp<'maxHeight', SizeValue, false> & DefineProp<'rounded', RadiusValue | boolean, false> & DefineProp<'background', BackgroundColor, false> & DefineProp<'grow', boolean, false> & DefineProp<'shrink', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
5
|
+
/**
|
|
6
|
+
* Flexible layout component using Tailwind CSS flex utilities.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* // Simple usage
|
|
11
|
+
* <Flex direction="row" gap="4" align="center">
|
|
12
|
+
* <div>Item 1</div>
|
|
13
|
+
* <div>Item 2</div>
|
|
14
|
+
* </Flex>
|
|
15
|
+
*
|
|
16
|
+
* // With styling props
|
|
17
|
+
* <Flex padding="4" background="base-200" rounded>
|
|
18
|
+
* <div>Styled flex</div>
|
|
19
|
+
* </Flex>
|
|
20
|
+
*
|
|
21
|
+
* // With width/height (Tailwind presets or CSS values)
|
|
22
|
+
* <Flex width="full" height="screen" padding="4">...</Flex>
|
|
23
|
+
* <Flex width="400px" height="200px">...</Flex>
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export declare const Flex: import("@sigx/runtime-core").ComponentFactory<FlexProps, void, {
|
|
27
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
28
|
+
}>;
|
|
29
|
+
export type RowProps = Omit<FlexProps, 'direction'> & DefineProp<'reverse', boolean, false>;
|
|
30
|
+
/**
|
|
31
|
+
* Horizontal flex container (row direction).
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* <Row gap="4" align="center" padding="4" background="base-200" rounded>
|
|
36
|
+
* <div>Left</div>
|
|
37
|
+
* <div>Right</div>
|
|
38
|
+
* </Row>
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
export declare const Row: import("@sigx/runtime-core").ComponentFactory<RowProps, void, {
|
|
42
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
43
|
+
}>;
|
|
44
|
+
export type ColProps = Omit<FlexProps, 'direction'> & DefineProp<'reverse', boolean, false>;
|
|
45
|
+
/**
|
|
46
|
+
* Vertical flex container (column direction).
|
|
47
|
+
*
|
|
48
|
+
* @example
|
|
49
|
+
* ```tsx
|
|
50
|
+
* <Col gap="4" align="center" padding="4" background="base-200" rounded>
|
|
51
|
+
* <div>Top</div>
|
|
52
|
+
* <div>Bottom</div>
|
|
53
|
+
* </Col>
|
|
54
|
+
* ```
|
|
55
|
+
*/
|
|
56
|
+
export declare const Col: import("@sigx/runtime-core").ComponentFactory<ColProps, void, {
|
|
57
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
58
|
+
}>;
|
|
59
|
+
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/layout/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACzD,OAAO,EACH,OAAO,EACP,WAAW,EACX,eAAe,EACf,SAAS,EACT,SAAS,EACT,WAAW,EACX,aAAa,EAQhB,MAAM,kBAAkB,CAAC;AAG1B,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;AAE/D,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,CAAC,GAC7C,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,GACzC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,GACzC,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,GACzC,UAAU,CAAC,SAAS,EAAE,WAAW,GAAG,OAAO,EAAE,KAAK,CAAC,GACnD,UAAU,CAAC,YAAY,EAAE,eAAe,EAAE,KAAK,CAAC,GAChD,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,IAAI;;EAiFf,CAAC;AAGH,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAE5F;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG;;EA0Bd,CAAC;AAGH,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAE5F;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG;;EA0Bd,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type FooterProps = DefineProp<'center', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
3
|
+
/**
|
|
4
|
+
* Footer component with DaisyUI styling.
|
|
5
|
+
* Provides a styled footer area for website navigation and content.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <Footer center>
|
|
10
|
+
* <p>Copyright © 2025 - All rights reserved</p>
|
|
11
|
+
* </Footer>
|
|
12
|
+
*
|
|
13
|
+
* <Footer>
|
|
14
|
+
* <nav>
|
|
15
|
+
* <h6 class="footer-title">Services</h6>
|
|
16
|
+
* <a class="link link-hover">Branding</a>
|
|
17
|
+
* <a class="link link-hover">Design</a>
|
|
18
|
+
* </nav>
|
|
19
|
+
* </Footer>
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
22
|
+
export declare const Footer: import("@sigx/runtime-core").ComponentFactory<FooterProps, void, {
|
|
23
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
24
|
+
}>;
|
|
25
|
+
//# sourceMappingURL=Footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/layout/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMzD,MAAM,MAAM,WAAW,GACjB,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAM5B;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM;;EAajB,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type HeroProps = DefineProp<'overlay', boolean, false> & DefineProp<'bgImage', string, false> & DefineProp<'minHeight', string, false> & DefineProp<'class', string, false> & DefineSlot<'default'> & DefineSlot<'overlay'>;
|
|
3
|
+
export type HeroContentProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
4
|
+
/**
|
|
5
|
+
* Hero compound component with Content sub-component.
|
|
6
|
+
*/
|
|
7
|
+
export declare const Hero: ((props: {
|
|
8
|
+
class?: string | undefined;
|
|
9
|
+
overlay?: boolean | undefined;
|
|
10
|
+
bgImage?: string | undefined;
|
|
11
|
+
minHeight?: string | undefined;
|
|
12
|
+
} & {} & {
|
|
13
|
+
slots?: Partial<{
|
|
14
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
15
|
+
} & {
|
|
16
|
+
overlay: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
17
|
+
}> | undefined;
|
|
18
|
+
} & {} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
|
|
19
|
+
ref?: import("@sigx/runtime-core").Ref<void> | undefined;
|
|
20
|
+
children?: any;
|
|
21
|
+
}) => import("@sigx/runtime-core").JSXElement) & {
|
|
22
|
+
__setup: import("@sigx/runtime-core").SetupFn<{
|
|
23
|
+
overlay?: boolean | undefined;
|
|
24
|
+
bgImage?: string | undefined;
|
|
25
|
+
minHeight?: string | undefined;
|
|
26
|
+
class?: string | undefined;
|
|
27
|
+
}, HeroProps, void, {
|
|
28
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
29
|
+
} & {
|
|
30
|
+
overlay: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
31
|
+
}>;
|
|
32
|
+
__name?: string;
|
|
33
|
+
__props: {
|
|
34
|
+
overlay?: boolean | undefined;
|
|
35
|
+
bgImage?: string | undefined;
|
|
36
|
+
minHeight?: string | undefined;
|
|
37
|
+
class?: string | undefined;
|
|
38
|
+
};
|
|
39
|
+
__events: HeroProps;
|
|
40
|
+
__ref: void;
|
|
41
|
+
__slots: {
|
|
42
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
43
|
+
} & {
|
|
44
|
+
overlay: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
45
|
+
};
|
|
46
|
+
} & {
|
|
47
|
+
Content: import("@sigx/runtime-core").ComponentFactory<HeroContentProps, void, {
|
|
48
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
49
|
+
}>;
|
|
50
|
+
};
|
|
51
|
+
export type { HeroContentProps as HeroContentCompProps };
|
|
52
|
+
//# sourceMappingURL=Hero.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/layout/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAwE5B;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEf,CAAC;AAEH,YAAY,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type JoinProps = DefineProp<'vertical', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
3
|
+
export type JoinItemProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
4
|
+
/**
|
|
5
|
+
* Join compound component with Item sub-component.
|
|
6
|
+
*/
|
|
7
|
+
export declare const Join: ((props: {
|
|
8
|
+
class?: string | undefined;
|
|
9
|
+
vertical?: boolean | undefined;
|
|
10
|
+
} & {} & {
|
|
11
|
+
slots?: Partial<{
|
|
12
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
13
|
+
}> | undefined;
|
|
14
|
+
} & {} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
|
|
15
|
+
ref?: import("@sigx/runtime-core").Ref<void> | undefined;
|
|
16
|
+
children?: any;
|
|
17
|
+
}) => import("@sigx/runtime-core").JSXElement) & {
|
|
18
|
+
__setup: import("@sigx/runtime-core").SetupFn<{
|
|
19
|
+
vertical?: boolean | undefined;
|
|
20
|
+
class?: string | undefined;
|
|
21
|
+
}, JoinProps, void, {
|
|
22
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
23
|
+
}>;
|
|
24
|
+
__name?: string;
|
|
25
|
+
__props: {
|
|
26
|
+
vertical?: boolean | undefined;
|
|
27
|
+
class?: string | undefined;
|
|
28
|
+
};
|
|
29
|
+
__events: JoinProps;
|
|
30
|
+
__ref: void;
|
|
31
|
+
__slots: {
|
|
32
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
33
|
+
};
|
|
34
|
+
} & {
|
|
35
|
+
Item: import("@sigx/runtime-core").ComponentFactory<JoinItemProps, void, {
|
|
36
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
37
|
+
}>;
|
|
38
|
+
};
|
|
39
|
+
export type { JoinItemProps as JoinItemCompProps };
|
|
40
|
+
//# sourceMappingURL=Join.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Join.d.ts","sourceRoot":"","sources":["../../src/layout/Join.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AA8D5B;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEf,CAAC;AAEH,YAAY,EAAE,aAAa,IAAI,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot, DefineEvent } from 'sigx';
|
|
2
|
+
export type LinkColor = 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
3
|
+
export type LinkProps = DefineProp<'href', string, false> & DefineProp<'color', LinkColor, false> & DefineProp<'hover', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'> & DefineEvent<'click', MouseEvent>;
|
|
4
|
+
/**
|
|
5
|
+
* Link component with DaisyUI styling.
|
|
6
|
+
* Provides styled anchor elements with color variants and hover effects.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <Link href="/about" color="primary" hover>About Us</Link>
|
|
11
|
+
*
|
|
12
|
+
* <Link href="/docs" color="secondary">Documentation</Link>
|
|
13
|
+
*
|
|
14
|
+
* <Link onClick={(e) => handleClick(e)}>Clickable Link</Link>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export declare const Link: import("@sigx/runtime-core").ComponentFactory<LinkProps, void, {
|
|
18
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
19
|
+
}>;
|
|
20
|
+
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/layout/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAMtE,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAElH,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAiBvC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI;;EAkBf,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type MaskShape = 'squircle' | 'heart' | 'hexagon' | 'hexagon-2' | 'decagon' | 'pentagon' | 'diamond' | 'square' | 'circle' | 'parallelogram' | 'parallelogram-2' | 'parallelogram-3' | 'parallelogram-4' | 'star' | 'star-2' | 'triangle' | 'triangle-2' | 'triangle-3' | 'triangle-4';
|
|
3
|
+
export type MaskProps = DefineProp<'shape', MaskShape> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
4
|
+
/**
|
|
5
|
+
* Mask component for cropping content to various shapes.
|
|
6
|
+
* Uses CSS clip-path for smooth, scalable shape masking.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <Mask shape="hexagon">
|
|
11
|
+
* <img src="/profile.jpg" alt="Profile" />
|
|
12
|
+
* </Mask>
|
|
13
|
+
*
|
|
14
|
+
* <Mask shape="heart">
|
|
15
|
+
* <div class="bg-primary w-20 h-20" />
|
|
16
|
+
* </Mask>
|
|
17
|
+
*
|
|
18
|
+
* <Mask shape="star">
|
|
19
|
+
* <img src="/award.png" />
|
|
20
|
+
* </Mask>
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export declare const Mask: import("@sigx/runtime-core").ComponentFactory<MaskProps, void, {
|
|
24
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
25
|
+
}>;
|
|
26
|
+
//# sourceMappingURL=Mask.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Mask.d.ts","sourceRoot":"","sources":["../../src/layout/Mask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMzD,MAAM,MAAM,SAAS,GACf,UAAU,GACV,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,UAAU,GACV,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,eAAe,GACf,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,GACjB,MAAM,GACN,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;AAEnB,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,GAC9B,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAM5B;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,IAAI;;EAaf,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type ArtboardSize = '1' | '2' | '3' | '4' | '5' | '6';
|
|
3
|
+
export type ArtboardProps = DefineProp<'size', ArtboardSize, false> & DefineProp<'horizontal', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
4
|
+
export interface CodeLine {
|
|
5
|
+
prefix?: string;
|
|
6
|
+
text: string;
|
|
7
|
+
color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
|
|
8
|
+
}
|
|
9
|
+
export type MockupBrowserProps = DefineProp<'url', string, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
10
|
+
export type MockupCodeProps = DefineProp<'lines', CodeLine[], false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
11
|
+
export type MockupPhoneProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
12
|
+
export type MockupWindowProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
13
|
+
/**
|
|
14
|
+
* Artboard component for phone mockup sizing.
|
|
15
|
+
* Provides standardized phone screen sizes for demos.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <Artboard size="1">
|
|
20
|
+
* 320×568 content
|
|
21
|
+
* </Artboard>
|
|
22
|
+
*
|
|
23
|
+
* <Artboard size="4" horizontal>
|
|
24
|
+
* Landscape mode
|
|
25
|
+
* </Artboard>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export declare const Artboard: import("@sigx/runtime-core").ComponentFactory<ArtboardProps, void, {
|
|
29
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
30
|
+
}>;
|
|
31
|
+
/**
|
|
32
|
+
* Mockup.Browser component - Browser window mockup with URL bar.
|
|
33
|
+
*/
|
|
34
|
+
declare const MockupBrowser: import("@sigx/runtime-core").ComponentFactory<MockupBrowserProps, void, {
|
|
35
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
36
|
+
}>;
|
|
37
|
+
/**
|
|
38
|
+
* Mockup.Code component - Terminal/code mockup with line prefixes.
|
|
39
|
+
*/
|
|
40
|
+
declare const MockupCode: import("@sigx/runtime-core").ComponentFactory<MockupCodeProps, void, {
|
|
41
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
42
|
+
}>;
|
|
43
|
+
/**
|
|
44
|
+
* Mockup.Phone component - Realistic phone frame mockup.
|
|
45
|
+
*/
|
|
46
|
+
declare const MockupPhone: import("@sigx/runtime-core").ComponentFactory<MockupPhoneProps, void, {
|
|
47
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
48
|
+
}>;
|
|
49
|
+
/**
|
|
50
|
+
* Mockup.Window component - Desktop window mockup with title bar.
|
|
51
|
+
*/
|
|
52
|
+
declare const MockupWindow: import("@sigx/runtime-core").ComponentFactory<MockupWindowProps, void, {
|
|
53
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
54
|
+
}>;
|
|
55
|
+
/**
|
|
56
|
+
* Mockup namespace with Browser, Code, Phone, and Window components.
|
|
57
|
+
*
|
|
58
|
+
* @example
|
|
59
|
+
* ```tsx
|
|
60
|
+
* <Mockup.Browser url="https://sigx.dev">
|
|
61
|
+
* <div class="bg-base-200 p-8">Website content</div>
|
|
62
|
+
* </Mockup.Browser>
|
|
63
|
+
*
|
|
64
|
+
* <Mockup.Code lines={[
|
|
65
|
+
* { prefix: '$', text: 'npm install sigx' },
|
|
66
|
+
* { text: 'Installing...', color: 'warning' },
|
|
67
|
+
* { text: 'Done!', color: 'success' }
|
|
68
|
+
* ]} />
|
|
69
|
+
*
|
|
70
|
+
* <Mockup.Phone>
|
|
71
|
+
* <img src="/app-screenshot.png" />
|
|
72
|
+
* </Mockup.Phone>
|
|
73
|
+
*
|
|
74
|
+
* <Mockup.Window>
|
|
75
|
+
* <div class="p-8">Desktop app content</div>
|
|
76
|
+
* </Mockup.Window>
|
|
77
|
+
* ```
|
|
78
|
+
*/
|
|
79
|
+
export declare const Mockup: {
|
|
80
|
+
Browser: import("@sigx/runtime-core").ComponentFactory<MockupBrowserProps, void, {
|
|
81
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
82
|
+
}>;
|
|
83
|
+
Code: import("@sigx/runtime-core").ComponentFactory<MockupCodeProps, void, {
|
|
84
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
85
|
+
}>;
|
|
86
|
+
Phone: import("@sigx/runtime-core").ComponentFactory<MockupPhoneProps, void, {
|
|
87
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
88
|
+
}>;
|
|
89
|
+
Window: import("@sigx/runtime-core").ComponentFactory<MockupWindowProps, void, {
|
|
90
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
91
|
+
}>;
|
|
92
|
+
};
|
|
93
|
+
export { MockupBrowser, MockupCode, MockupPhone, MockupWindow };
|
|
94
|
+
export type { MockupBrowserProps as MockupBrowserCompProps, MockupCodeProps as MockupCodeCompProps, MockupPhoneProps as MockupPhoneCompProps, MockupWindowProps as MockupWindowCompProps };
|
|
95
|
+
//# sourceMappingURL=Mockup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Mockup.d.ts","sourceRoot":"","sources":["../../src/layout/Mockup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMnE,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE7D,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,WAAW,QAAQ;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACzF;AAED,MAAM,MAAM,kBAAkB,GACxB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAChC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,eAAe,GACrB,UAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GACvB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAM5B;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ;;EAenB,CAAC;AAMH;;GAEG;AACH,QAAA,MAAM,aAAa;;EAejB,CAAC;AAMH;;GAEG;AACH,QAAA,MAAM,UAAU;;EAkBd,CAAC;AAMH;;GAEG;AACH,QAAA,MAAM,WAAW;;EAiBf,CAAC;AAMH;;GAEG;AACH,QAAA,MAAM,YAAY;;EAchB,CAAC;AAMH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAKlB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AAEhE,YAAY,EACR,kBAAkB,IAAI,sBAAsB,EAC5C,eAAe,IAAI,mBAAmB,EACtC,gBAAgB,IAAI,oBAAoB,EACxC,iBAAiB,IAAI,qBAAqB,EAC7C,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type StackDirection = 'top' | 'bottom' | 'start' | 'end';
|
|
3
|
+
export type StackProps = DefineProp<'direction', StackDirection, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
4
|
+
/**
|
|
5
|
+
* DaisyUI Stack component - visually puts elements on top of each other.
|
|
6
|
+
*
|
|
7
|
+
* Stack uses CSS grid to layer elements, creating a stacked paper effect.
|
|
8
|
+
* Use `w-*` and `h-*` classes on the Stack to set the size of all items.
|
|
9
|
+
*
|
|
10
|
+
* @example Basic stack
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <Stack class="w-32 h-20">
|
|
13
|
+
* <div class="bg-primary text-primary-content grid place-content-center rounded-box">1</div>
|
|
14
|
+
* <div class="bg-accent text-accent-content grid place-content-center rounded-box">2</div>
|
|
15
|
+
* <div class="bg-secondary text-secondary-content grid place-content-center rounded-box">3</div>
|
|
16
|
+
* </Stack>
|
|
17
|
+
* ```
|
|
18
|
+
*
|
|
19
|
+
* @example Stack with cards
|
|
20
|
+
* ```tsx
|
|
21
|
+
* <Stack class="size-28">
|
|
22
|
+
* <Card class="border border-base-content bg-base-100 text-center">
|
|
23
|
+
* <Card.Body>A</Card.Body>
|
|
24
|
+
* </Card>
|
|
25
|
+
* <Card class="border border-base-content bg-base-100 text-center">
|
|
26
|
+
* <Card.Body>B</Card.Body>
|
|
27
|
+
* </Card>
|
|
28
|
+
* <Card class="border border-base-content bg-base-100 text-center">
|
|
29
|
+
* <Card.Body>C</Card.Body>
|
|
30
|
+
* </Card>
|
|
31
|
+
* </Stack>
|
|
32
|
+
* ```
|
|
33
|
+
*
|
|
34
|
+
* @example Stack directions
|
|
35
|
+
* ```tsx
|
|
36
|
+
* <Stack direction="top" class="size-28">...</Stack>
|
|
37
|
+
* <Stack direction="bottom" class="size-28">...</Stack>
|
|
38
|
+
* <Stack direction="start" class="size-28">...</Stack>
|
|
39
|
+
* <Stack direction="end" class="size-28">...</Stack>
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
export declare const Stack: import("@sigx/runtime-core").ComponentFactory<StackProps, void, {
|
|
43
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
44
|
+
}>;
|
|
45
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/layout/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAEhE,MAAM,MAAM,UAAU,GAChB,UAAU,CAAC,WAAW,EAAE,cAAc,EAAE,KAAK,CAAC,GAC9C,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,KAAK;;EAwBhB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export { Container } from './Container';
|
|
2
|
+
export { Card } from './Card';
|
|
3
|
+
export { Stack } from './Stack';
|
|
4
|
+
export { Flex, Row, Col } from './Flex';
|
|
5
|
+
export { Divider } from './Divider';
|
|
6
|
+
export { Hero } from './Hero';
|
|
7
|
+
export { Footer } from './Footer';
|
|
8
|
+
export { Join } from './Join';
|
|
9
|
+
export { Link } from './Link';
|
|
10
|
+
export { Chat } from './Chat';
|
|
11
|
+
export { Mockup, MockupBrowser, MockupCode, MockupPhone, MockupWindow, Artboard } from './Mockup';
|
|
12
|
+
export { Carousel } from './Carousel';
|
|
13
|
+
export { Mask } from './Mask';
|
|
14
|
+
export type { ContainerProps, ContainerSize } from './Container';
|
|
15
|
+
export type { CardProps, CardVariant, CardBodyProps, CardTitleProps, CardActionsProps, CardImageProps } from './Card';
|
|
16
|
+
export type { StackProps, StackDirection } from './Stack';
|
|
17
|
+
export type { FlexProps, RowProps, ColProps, FlexSpacing, FlexAlign, FlexJustify } from './Flex';
|
|
18
|
+
export type { DividerProps } from './Divider';
|
|
19
|
+
export type { HeroProps, HeroContentCompProps as HeroContentProps } from './Hero';
|
|
20
|
+
export type { FooterProps } from './Footer';
|
|
21
|
+
export type { JoinProps, JoinItemCompProps as JoinItemProps } from './Join';
|
|
22
|
+
export type { LinkProps, LinkColor } from './Link';
|
|
23
|
+
export type { ChatProps, ChatImageCompProps as ChatImageProps, ChatHeaderCompProps as ChatHeaderProps, ChatBubbleCompProps as ChatBubbleProps, ChatBubbleColor, ChatFooterCompProps as ChatFooterProps } from './Chat';
|
|
24
|
+
export type { ArtboardProps, ArtboardSize, MockupBrowserCompProps as MockupBrowserProps, MockupCodeCompProps as MockupCodeProps, CodeLine, MockupPhoneCompProps as MockupPhoneProps, MockupWindowCompProps as MockupWindowProps } from './Mockup';
|
|
25
|
+
export type { CarouselProps, CarouselItemData, CarouselItemCompProps as CarouselItemProps } from './Carousel';
|
|
26
|
+
export type { MaskProps, MaskShape } from './Mask';
|
|
27
|
+
export declare const HeroContent: import("@sigx/runtime-core").ComponentFactory<import("./Hero").HeroContentProps, void, {
|
|
28
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
29
|
+
}>;
|
|
30
|
+
export declare const JoinItem: import("@sigx/runtime-core").ComponentFactory<import("./Join").JoinItemProps, void, {
|
|
31
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
32
|
+
}>;
|
|
33
|
+
export declare const ChatImage: import("@sigx/runtime-core").ComponentFactory<import("./Chat").ChatImageProps, void, {}>;
|
|
34
|
+
export declare const ChatHeader: import("@sigx/runtime-core").ComponentFactory<import("./Chat").ChatHeaderProps, void, {
|
|
35
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
36
|
+
}>;
|
|
37
|
+
export declare const ChatBubble: import("@sigx/runtime-core").ComponentFactory<import("./Chat").ChatBubbleProps, void, {
|
|
38
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
39
|
+
}>;
|
|
40
|
+
export declare const ChatFooter: import("@sigx/runtime-core").ComponentFactory<import("./Chat").ChatFooterProps, void, {
|
|
41
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
42
|
+
}>;
|
|
43
|
+
export declare const CarouselItem: import("@sigx/runtime-core").ComponentFactory<import("./Carousel").CarouselItemProps, void, {
|
|
44
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
45
|
+
}>;
|
|
46
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACtH,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC1D,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACjG,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,oBAAoB,IAAI,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAClF,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,iBAAiB,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC5E,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnD,YAAY,EACR,SAAS,EACT,kBAAkB,IAAI,cAAc,EACpC,mBAAmB,IAAI,eAAe,EACtC,mBAAmB,IAAI,eAAe,EACtC,eAAe,EACf,mBAAmB,IAAI,eAAe,EACzC,MAAM,QAAQ,CAAC;AAChB,YAAY,EACR,aAAa,EAAE,YAAY,EAC3B,sBAAsB,IAAI,kBAAkB,EAC5C,mBAAmB,IAAI,eAAe,EACtC,QAAQ,EACR,oBAAoB,IAAI,gBAAgB,EACxC,qBAAqB,IAAI,iBAAiB,EAC7C,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,qBAAqB,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC9G,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInD,eAAO,MAAM,WAAW;;EAAuB,CAAC;AAChD,eAAO,MAAM,QAAQ;;EAAoB,CAAC;AAC1C,eAAO,MAAM,SAAS,0FAAqB,CAAC;AAC5C,eAAO,MAAM,UAAU;;EAAsB,CAAC;AAC9C,eAAO,MAAM,UAAU;;EAAsB,CAAC;AAC9C,eAAO,MAAM,UAAU;;EAAsB,CAAC;AAC9C,eAAO,MAAM,YAAY;;EAAwB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { C as Container, D as Hero, E as Join, S as Card, T as Chat, _ as Divider, a as ChatImage, b as Row, c as Mask, d as MockupBrowser, f as MockupCode, g as Footer, h as Link, i as ChatHeader, l as Artboard, m as MockupWindow, n as ChatBubble, o as HeroContent, p as MockupPhone, r as ChatFooter, s as JoinItem, t as CarouselItem, u as Mockup, v as Col, w as Carousel, x as Stack, y as Flex } from "../layout-0aaJX4B2.js";
|
|
2
|
+
export { Artboard, Card, Carousel, CarouselItem, Chat, ChatBubble, ChatFooter, ChatHeader, ChatImage, Col, Container, Divider, Flex, Footer, Hero, HeroContent, Join, JoinItem, Link, Mask, Mockup, MockupBrowser, MockupCode, MockupPhone, MockupWindow, Row, Stack };
|