asheeui 1.0.0 → 1.1.0
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/README.md +61 -166
- package/dist/components/alert/Alert.d.ts.map +1 -1
- package/dist/components/alert/Alert.js +6 -6
- package/dist/components/auth-layout/AuthLayout.d.ts +79 -0
- package/dist/components/auth-layout/AuthLayout.d.ts.map +1 -0
- package/dist/components/auth-layout/AuthLayout.js +54 -0
- package/dist/components/auth-layout/auth-layout-config.d.ts +41 -0
- package/dist/components/auth-layout/auth-layout-config.d.ts.map +1 -0
- package/dist/components/auth-layout/auth-layout-config.js +18 -0
- package/dist/components/auth-layout/auth-layout-styles.d.ts +25 -0
- package/dist/components/auth-layout/auth-layout-styles.d.ts.map +1 -0
- package/dist/components/auth-layout/auth-layout-styles.js +11 -0
- package/dist/components/auth-layout/index.d.ts +3 -0
- package/dist/components/auth-layout/index.d.ts.map +1 -0
- package/dist/components/auth-layout/index.js +3 -0
- package/dist/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js +7 -7
- package/dist/components/badge/Badge.d.ts.map +1 -1
- package/dist/components/badge/Badge.js +3 -3
- package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/Breadcrumb.js +6 -6
- package/dist/components/calendar/Calendar.d.ts.map +1 -1
- package/dist/components/calendar/Calendar.js +4 -4
- package/dist/components/calendar/DateGrid.d.ts.map +1 -1
- package/dist/components/calendar/DateGrid.js +87 -87
- package/dist/components/clipboard/Clipboard.d.ts +75 -0
- package/dist/components/clipboard/Clipboard.d.ts.map +1 -0
- package/dist/components/clipboard/Clipboard.js +53 -0
- package/dist/components/clipboard/CopyButton.d.ts +64 -0
- package/dist/components/clipboard/CopyButton.d.ts.map +1 -0
- package/dist/components/clipboard/CopyButton.js +44 -0
- package/dist/components/clipboard/clipboard-config.d.ts +42 -0
- package/dist/components/clipboard/clipboard-config.d.ts.map +1 -0
- package/dist/components/clipboard/clipboard-config.js +23 -0
- package/dist/components/clipboard/clipboard-styles.d.ts +11 -0
- package/dist/components/clipboard/clipboard-styles.d.ts.map +1 -0
- package/dist/components/clipboard/clipboard-styles.js +5 -0
- package/dist/components/clipboard/index.d.ts +4 -0
- package/dist/components/clipboard/index.d.ts.map +1 -0
- package/dist/components/clipboard/index.js +4 -0
- package/dist/components/container/Container.d.ts +51 -0
- package/dist/components/container/Container.d.ts.map +1 -0
- package/dist/components/container/Container.js +21 -0
- package/dist/components/container/container-config.d.ts +61 -0
- package/dist/components/container/container-config.d.ts.map +1 -0
- package/dist/components/container/container-config.js +16 -0
- package/dist/components/container/container-styles.d.ts +18 -0
- package/dist/components/container/container-styles.d.ts.map +1 -0
- package/dist/components/container/container-styles.js +12 -0
- package/dist/components/container/index.d.ts +3 -0
- package/dist/components/container/index.d.ts.map +1 -0
- package/dist/components/container/index.js +3 -0
- package/dist/components/cta/CTA.d.ts +81 -0
- package/dist/components/cta/CTA.d.ts.map +1 -0
- package/dist/components/cta/CTA.js +60 -0
- package/dist/components/cta/cta-config.d.ts +69 -0
- package/dist/components/cta/cta-config.d.ts.map +1 -0
- package/dist/components/cta/cta-config.js +22 -0
- package/dist/components/cta/cta-styles.d.ts +8 -0
- package/dist/components/cta/cta-styles.d.ts.map +1 -0
- package/dist/components/cta/cta-styles.js +9 -0
- package/dist/components/cta/index.d.ts +3 -0
- package/dist/components/cta/index.d.ts.map +1 -0
- package/dist/components/cta/index.js +3 -0
- package/dist/components/dropmenu/Dropmenu.d.ts.map +1 -1
- package/dist/components/empty-state/EmptyState.d.ts +77 -0
- package/dist/components/empty-state/EmptyState.d.ts.map +1 -0
- package/dist/components/empty-state/EmptyState.js +46 -0
- package/dist/components/empty-state/empty-state-config.d.ts +44 -0
- package/dist/components/empty-state/empty-state-config.d.ts.map +1 -0
- package/dist/components/empty-state/empty-state-config.js +16 -0
- package/dist/components/empty-state/empty-state-styles.d.ts +13 -0
- package/dist/components/empty-state/empty-state-styles.d.ts.map +1 -0
- package/dist/components/empty-state/empty-state-styles.js +18 -0
- package/dist/components/empty-state/index.d.ts +3 -0
- package/dist/components/empty-state/index.d.ts.map +1 -0
- package/dist/components/empty-state/index.js +3 -0
- package/dist/components/feature-grid/FeatureGrid.d.ts +107 -0
- package/dist/components/feature-grid/FeatureGrid.d.ts.map +1 -0
- package/dist/components/feature-grid/FeatureGrid.js +94 -0
- package/dist/components/feature-grid/feature-grid-config.d.ts +80 -0
- package/dist/components/feature-grid/feature-grid-config.d.ts.map +1 -0
- package/dist/components/feature-grid/feature-grid-config.js +28 -0
- package/dist/components/feature-grid/feature-grid-styles.d.ts +11 -0
- package/dist/components/feature-grid/feature-grid-styles.d.ts.map +1 -0
- package/dist/components/feature-grid/feature-grid-styles.js +5 -0
- package/dist/components/feature-grid/index.d.ts +3 -0
- package/dist/components/feature-grid/index.d.ts.map +1 -0
- package/dist/components/feature-grid/index.js +3 -0
- package/dist/components/footer/Footer.d.ts +73 -0
- package/dist/components/footer/Footer.d.ts.map +1 -0
- package/dist/components/footer/Footer.js +112 -0
- package/dist/components/footer/footer-config.d.ts +40 -0
- package/dist/components/footer/footer-config.d.ts.map +1 -0
- package/dist/components/footer/footer-config.js +18 -0
- package/dist/components/footer/footer-styles.d.ts +22 -0
- package/dist/components/footer/footer-styles.d.ts.map +1 -0
- package/dist/components/footer/footer-styles.js +9 -0
- package/dist/components/footer/index.d.ts +3 -0
- package/dist/components/footer/index.d.ts.map +1 -0
- package/dist/components/footer/index.js +3 -0
- package/dist/components/form/Form.d.ts.map +1 -1
- package/dist/components/grid/Grid.d.ts +71 -0
- package/dist/components/grid/Grid.d.ts.map +1 -0
- package/dist/components/grid/Grid.js +23 -0
- package/dist/components/grid/grid-config.d.ts +63 -0
- package/dist/components/grid/grid-config.d.ts.map +1 -0
- package/dist/components/grid/grid-config.js +16 -0
- package/dist/components/grid/grid-styles.d.ts +12 -0
- package/dist/components/grid/grid-styles.d.ts.map +1 -0
- package/dist/components/grid/grid-styles.js +31 -0
- package/dist/components/grid/index.d.ts +3 -0
- package/dist/components/grid/index.d.ts.map +1 -0
- package/dist/components/grid/index.js +3 -0
- package/dist/components/hero/Hero.d.ts +90 -0
- package/dist/components/hero/Hero.d.ts.map +1 -0
- package/dist/components/hero/Hero.js +63 -0
- package/dist/components/hero/hero-config.d.ts +71 -0
- package/dist/components/hero/hero-config.d.ts.map +1 -0
- package/dist/components/hero/hero-config.js +22 -0
- package/dist/components/hero/hero-styles.d.ts +19 -0
- package/dist/components/hero/hero-styles.d.ts.map +1 -0
- package/dist/components/hero/hero-styles.js +5 -0
- package/dist/components/hero/index.d.ts +3 -0
- package/dist/components/hero/index.d.ts.map +1 -0
- package/dist/components/hero/index.js +3 -0
- package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
- package/dist/components/navbar/Navbar.d.ts +87 -0
- package/dist/components/navbar/Navbar.d.ts.map +1 -0
- package/dist/components/navbar/Navbar.js +117 -0
- package/dist/components/navbar/index.d.ts +3 -0
- package/dist/components/navbar/index.d.ts.map +1 -0
- package/dist/components/navbar/index.js +3 -0
- package/dist/components/navbar/navbar-config.d.ts +52 -0
- package/dist/components/navbar/navbar-config.d.ts.map +1 -0
- package/dist/components/navbar/navbar-config.js +20 -0
- package/dist/components/navbar/navbar-styles.d.ts +28 -0
- package/dist/components/navbar/navbar-styles.d.ts.map +1 -0
- package/dist/components/navbar/navbar-styles.js +9 -0
- package/dist/components/page/Page.d.ts +166 -0
- package/dist/components/page/Page.d.ts.map +1 -0
- package/dist/components/page/Page.js +90 -0
- package/dist/components/page/index.d.ts +3 -0
- package/dist/components/page/index.d.ts.map +1 -0
- package/dist/components/page/index.js +3 -0
- package/dist/components/page/page-config.d.ts +57 -0
- package/dist/components/page/page-config.d.ts.map +1 -0
- package/dist/components/page/page-config.js +20 -0
- package/dist/components/page/page-styles.d.ts +25 -0
- package/dist/components/page/page-styles.d.ts.map +1 -0
- package/dist/components/page/page-styles.js +5 -0
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +8 -8
- package/dist/components/pin-input/PinInput.d.ts +109 -0
- package/dist/components/pin-input/PinInput.d.ts.map +1 -0
- package/dist/components/pin-input/PinInput.js +124 -0
- package/dist/components/pin-input/index.d.ts +3 -0
- package/dist/components/pin-input/index.d.ts.map +1 -0
- package/dist/components/pin-input/index.js +3 -0
- package/dist/components/pin-input/pin-input-config.d.ts +82 -0
- package/dist/components/pin-input/pin-input-config.d.ts.map +1 -0
- package/dist/components/pin-input/pin-input-config.js +23 -0
- package/dist/components/pin-input/pin-input-styles.d.ts +16 -0
- package/dist/components/pin-input/pin-input-styles.d.ts.map +1 -0
- package/dist/components/pin-input/pin-input-styles.js +9 -0
- package/dist/components/pricing-card/PricingCard.d.ts +87 -0
- package/dist/components/pricing-card/PricingCard.d.ts.map +1 -0
- package/dist/components/pricing-card/PricingCard.js +79 -0
- package/dist/components/pricing-card/index.d.ts +3 -0
- package/dist/components/pricing-card/index.d.ts.map +1 -0
- package/dist/components/pricing-card/index.js +3 -0
- package/dist/components/pricing-card/pricing-card-config.d.ts +35 -0
- package/dist/components/pricing-card/pricing-card-config.d.ts.map +1 -0
- package/dist/components/pricing-card/pricing-card-config.js +16 -0
- package/dist/components/pricing-card/pricing-card-styles.d.ts +21 -0
- package/dist/components/pricing-card/pricing-card-styles.d.ts.map +1 -0
- package/dist/components/pricing-card/pricing-card-styles.js +5 -0
- package/dist/components/radio/RadioGroup.d.ts.map +1 -1
- package/dist/components/section/Section.d.ts +56 -0
- package/dist/components/section/Section.d.ts.map +1 -0
- package/dist/components/section/Section.js +27 -0
- package/dist/components/section/index.d.ts +3 -0
- package/dist/components/section/index.d.ts.map +1 -0
- package/dist/components/section/index.js +3 -0
- package/dist/components/section/section-config.d.ts +64 -0
- package/dist/components/section/section-config.d.ts.map +1 -0
- package/dist/components/section/section-config.js +20 -0
- package/dist/components/section/section-styles.d.ts +8 -0
- package/dist/components/section/section-styles.d.ts.map +1 -0
- package/dist/components/section/section-styles.js +9 -0
- package/dist/components/section-kit/ActionGroup.d.ts +47 -0
- package/dist/components/section-kit/ActionGroup.d.ts.map +1 -0
- package/dist/components/section-kit/ActionGroup.js +35 -0
- package/dist/components/section-kit/SectionHeading.d.ts +65 -0
- package/dist/components/section-kit/SectionHeading.d.ts.map +1 -0
- package/dist/components/section-kit/SectionHeading.js +34 -0
- package/dist/components/section-kit/index.d.ts +12 -0
- package/dist/components/section-kit/index.d.ts.map +1 -0
- package/dist/components/section-kit/index.js +2 -0
- package/dist/components/sidebar-layout/SidebarLayout.d.ts +67 -0
- package/dist/components/sidebar-layout/SidebarLayout.d.ts.map +1 -0
- package/dist/components/sidebar-layout/SidebarLayout.js +40 -0
- package/dist/components/sidebar-layout/index.d.ts +3 -0
- package/dist/components/sidebar-layout/index.d.ts.map +1 -0
- package/dist/components/sidebar-layout/index.js +3 -0
- package/dist/components/sidebar-layout/sidebar-layout-config.d.ts +49 -0
- package/dist/components/sidebar-layout/sidebar-layout-config.d.ts.map +1 -0
- package/dist/components/sidebar-layout/sidebar-layout-config.js +16 -0
- package/dist/components/sidebar-layout/sidebar-layout-styles.d.ts +21 -0
- package/dist/components/sidebar-layout/sidebar-layout-styles.d.ts.map +1 -0
- package/dist/components/sidebar-layout/sidebar-layout-styles.js +9 -0
- package/dist/components/skeleton/Skeleton.d.ts.map +1 -1
- package/dist/components/stack/Stack.d.ts +107 -0
- package/dist/components/stack/Stack.d.ts.map +1 -0
- package/dist/components/stack/Stack.js +36 -0
- package/dist/components/stack/index.d.ts +3 -0
- package/dist/components/stack/index.d.ts.map +1 -0
- package/dist/components/stack/index.js +3 -0
- package/dist/components/stack/stack-config.d.ts +68 -0
- package/dist/components/stack/stack-config.d.ts.map +1 -0
- package/dist/components/stack/stack-config.js +20 -0
- package/dist/components/stack/stack-styles.d.ts +10 -0
- package/dist/components/stack/stack-styles.d.ts.map +1 -0
- package/dist/components/stack/stack-styles.js +21 -0
- package/dist/components/testimonials/Testimonials.d.ts +78 -0
- package/dist/components/testimonials/Testimonials.d.ts.map +1 -0
- package/dist/components/testimonials/Testimonials.js +96 -0
- package/dist/components/testimonials/index.d.ts +3 -0
- package/dist/components/testimonials/index.d.ts.map +1 -0
- package/dist/components/testimonials/index.js +3 -0
- package/dist/components/testimonials/testimonials-config.d.ts +44 -0
- package/dist/components/testimonials/testimonials-config.d.ts.map +1 -0
- package/dist/components/testimonials/testimonials-config.js +28 -0
- package/dist/components/testimonials/testimonials-styles.d.ts +11 -0
- package/dist/components/testimonials/testimonials-styles.d.ts.map +1 -0
- package/dist/components/testimonials/testimonials-styles.js +5 -0
- package/dist/components/typography/typography-styles.d.ts.map +1 -1
- package/dist/config/validate-config.d.ts.map +1 -1
- package/dist/icons/CopyIcon.d.ts +3 -0
- package/dist/icons/CopyIcon.d.ts.map +1 -0
- package/dist/icons/CopyIcon.js +24 -0
- package/dist/index.d.ts +19 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +107 -72
- package/dist/puck/adapters.d.ts +41 -0
- package/dist/puck/adapters.d.ts.map +1 -0
- package/dist/puck/adapters.js +30 -0
- package/dist/puck/blocks/content.d.ts +32 -0
- package/dist/puck/blocks/content.d.ts.map +1 -0
- package/dist/puck/blocks/content.js +54 -0
- package/dist/puck/blocks/layout.d.ts +44 -0
- package/dist/puck/blocks/layout.d.ts.map +1 -0
- package/dist/puck/blocks/layout.js +69 -0
- package/dist/puck/blocks/navigation.d.ts +66 -0
- package/dist/puck/blocks/navigation.d.ts.map +1 -0
- package/dist/puck/blocks/navigation.js +122 -0
- package/dist/puck/blocks/sections.d.ts +134 -0
- package/dist/puck/blocks/sections.d.ts.map +1 -0
- package/dist/puck/blocks/sections.js +232 -0
- package/dist/puck/blocks/utility.d.ts +22 -0
- package/dist/puck/blocks/utility.d.ts.map +1 -0
- package/dist/puck/blocks/utility.js +49 -0
- package/dist/puck/config.d.ts +63 -0
- package/dist/puck/config.d.ts.map +1 -0
- package/dist/puck/config.js +79 -0
- package/dist/puck/fields.d.ts +94 -0
- package/dist/puck/fields.d.ts.map +1 -0
- package/dist/puck/fields.js +116 -0
- package/dist/puck/index.d.ts +21 -0
- package/dist/puck/index.d.ts.map +1 -0
- package/dist/puck/index.js +10 -0
- package/dist/shared/action.d.ts +52 -0
- package/dist/shared/action.d.ts.map +1 -0
- package/dist/shared/index.d.ts +2 -0
- package/dist/shared/index.d.ts.map +1 -1
- package/dist/shared/spacing.d.ts +38 -0
- package/dist/shared/spacing.d.ts.map +1 -0
- package/dist/shared/spacing.js +29 -0
- package/dist/shared/typography.d.ts.map +1 -1
- package/dist/utils/resolve-token.d.ts +32 -7
- package/dist/utils/resolve-token.d.ts.map +1 -1
- package/dist/utils/resolve-token.js +9 -1
- package/package.json +14 -2
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { ElementType, HTMLAttributes } from 'react';
|
|
2
|
+
import { Space } from '../../shared';
|
|
3
|
+
import { StackConfig } from './stack-config';
|
|
4
|
+
type BaseStackProps = StackConfig & Omit<HTMLAttributes<HTMLDivElement>, "color">;
|
|
5
|
+
/**
|
|
6
|
+
* Props for the Stack component.
|
|
7
|
+
*/
|
|
8
|
+
export interface StackProps extends BaseStackProps {
|
|
9
|
+
/**
|
|
10
|
+
* Element to render.
|
|
11
|
+
* Defaults to a `div`. A stack that is a list should render `ul` or `ol`
|
|
12
|
+
* and receive `li` children.
|
|
13
|
+
*
|
|
14
|
+
* @default "div"
|
|
15
|
+
*/
|
|
16
|
+
as?: ElementType;
|
|
17
|
+
/**
|
|
18
|
+
* Space between children, from the shared spacing scale.
|
|
19
|
+
* Resolved through the standard cascade: prop, then `components.stack.gap`,
|
|
20
|
+
* then the framework fallback.
|
|
21
|
+
*
|
|
22
|
+
* @default "md"
|
|
23
|
+
*/
|
|
24
|
+
gap?: Space;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* A one-axis layout with a token gap.
|
|
28
|
+
*
|
|
29
|
+
* Stack resolves its own appearance through the standard configuration
|
|
30
|
+
* cascade, so an application can restate the framework's default rhythm (or its
|
|
31
|
+
* direction and alignment) once, in configuration, instead of repeating classes
|
|
32
|
+
* on every usage.
|
|
33
|
+
*
|
|
34
|
+
* @param props - Stack configuration options and element attributes.
|
|
35
|
+
* @param props.direction - Flex direction. Defaults to "column".
|
|
36
|
+
* @param props.gap - Space between children. Defaults to "md".
|
|
37
|
+
* @param props.align - Cross-axis alignment. Defaults to "stretch".
|
|
38
|
+
* @param props.justify - Main-axis distribution. Defaults to "start".
|
|
39
|
+
* @param props.wrap - Wrap children onto another line. Defaults to false.
|
|
40
|
+
* @param props.as - Element to render. Defaults to "div".
|
|
41
|
+
* @returns The rendered stack.
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* ```tsx
|
|
45
|
+
* <Stack gap="lg">
|
|
46
|
+
* <Typography role="heading-lg">Recent activity</Typography>
|
|
47
|
+
* <Stack direction="row" gap="sm" align="center">
|
|
48
|
+
* <Badge color="success">Paid</Badge>
|
|
49
|
+
* <Typography role="body-sm" tone="muted">Invoice 1042</Typography>
|
|
50
|
+
* </Stack>
|
|
51
|
+
* </Stack>
|
|
52
|
+
* ```
|
|
53
|
+
*
|
|
54
|
+
* @see HStack - A row stack with centred items.
|
|
55
|
+
* @see VStack - A column stack with stretched items.
|
|
56
|
+
* @see Grid - The two-dimensional equivalent.
|
|
57
|
+
*/
|
|
58
|
+
export declare const Stack: import('react').ForwardRefExoticComponent<StackProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
59
|
+
/**
|
|
60
|
+
* Props for the {@link HStack} preset.
|
|
61
|
+
* The shared stack options stay available, so a preset is a starting point
|
|
62
|
+
* rather than a restriction.
|
|
63
|
+
*/
|
|
64
|
+
export type HStackProps = Omit<StackProps, "direction">;
|
|
65
|
+
/**
|
|
66
|
+
* A row stack with centred items.
|
|
67
|
+
*
|
|
68
|
+
* `HStack` is `Stack` with `direction="row"` and `align="center"`, which is the
|
|
69
|
+
* arrangement most toolbars, media rows and action groups want. It shares the
|
|
70
|
+
* Stack component's configuration, so `components.stack` restyles both.
|
|
71
|
+
*
|
|
72
|
+
* @param props - The same options as {@link StackProps}, without `direction`.
|
|
73
|
+
* @returns The rendered stack.
|
|
74
|
+
*
|
|
75
|
+
* @example
|
|
76
|
+
* ```tsx
|
|
77
|
+
* <HStack gap="sm">
|
|
78
|
+
* <Button size="sm">Save</Button>
|
|
79
|
+
* <Button size="sm" variant="ghost">Cancel</Button>
|
|
80
|
+
* </HStack>
|
|
81
|
+
* ```
|
|
82
|
+
*/
|
|
83
|
+
export declare const HStack: import('react').ForwardRefExoticComponent<HStackProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
84
|
+
/**
|
|
85
|
+
* Props for the {@link VStack} preset.
|
|
86
|
+
*/
|
|
87
|
+
export type VStackProps = Omit<StackProps, "direction">;
|
|
88
|
+
/**
|
|
89
|
+
* A column stack with stretched items.
|
|
90
|
+
*
|
|
91
|
+
* `VStack` is `Stack` with `direction="column"` and `align="stretch"`, the
|
|
92
|
+
* arrangement a form, a card body or a settings panel wants.
|
|
93
|
+
*
|
|
94
|
+
* @param props - The same options as {@link StackProps}, without `direction`.
|
|
95
|
+
* @returns The rendered stack.
|
|
96
|
+
*
|
|
97
|
+
* @example
|
|
98
|
+
* ```tsx
|
|
99
|
+
* <VStack gap="sm">
|
|
100
|
+
* <Input label="Full name" />
|
|
101
|
+
* <Input label="Email" />
|
|
102
|
+
* </VStack>
|
|
103
|
+
* ```
|
|
104
|
+
*/
|
|
105
|
+
export declare const VStack: import('react').ForwardRefExoticComponent<VStackProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
106
|
+
export {};
|
|
107
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/stack/Stack.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,KAAK,WAAW,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,cAAc,CAAC;AAG3D,OAAO,EAGL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AAQxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,uGA0DjB,CAAC;AAIF;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,wGAIlB,CAAC;AAIF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,wGAIlB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import { cn as e } from "../../utils/cn.js";
|
|
4
|
+
import { SPACE_GAP_CLASS as t } from "../../shared/spacing.js";
|
|
5
|
+
import { useAsheeConfig as n } from "../../libs/context.js";
|
|
6
|
+
import { resolveCascade as r } from "../../utils/resolve-token.js";
|
|
7
|
+
import { FALLBACK_STACK_CONFIG as i } from "./stack-config.js";
|
|
8
|
+
import { STACK_ALIGN_CLASS as a, STACK_BASE_CLASS as o, STACK_DIRECTION_CLASS as s, STACK_JUSTIFY_CLASS as c } from "./stack-styles.js";
|
|
9
|
+
import { forwardRef as l } from "react";
|
|
10
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
11
|
+
//#region src/components/stack/Stack.tsx
|
|
12
|
+
var d = l(({ as: l, direction: d, gap: f, align: p, justify: m, wrap: h, className: g, ..._ }, v) => {
|
|
13
|
+
let y = n().components?.stack, b = r(d, y?.direction, void 0, i.direction), x = r(f, y?.gap, void 0, i.gap), S = r(p, y?.align, void 0, i.align), C = r(m, y?.justify, void 0, i.justify), w = r(h, y?.wrap, void 0, i.wrap);
|
|
14
|
+
return /* @__PURE__ */ u(l ?? "div", {
|
|
15
|
+
ref: v,
|
|
16
|
+
className: e(o, s[b], a[S], c[C], t[x], w ? "flex-wrap" : "flex-nowrap", g),
|
|
17
|
+
..._
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
d.displayName = "Stack";
|
|
21
|
+
var f = l(({ align: e, ...t }, n) => /* @__PURE__ */ u(d, {
|
|
22
|
+
ref: n,
|
|
23
|
+
direction: "row",
|
|
24
|
+
align: e ?? "center",
|
|
25
|
+
...t
|
|
26
|
+
}));
|
|
27
|
+
f.displayName = "HStack";
|
|
28
|
+
var p = l(({ align: e, ...t }, n) => /* @__PURE__ */ u(d, {
|
|
29
|
+
ref: n,
|
|
30
|
+
direction: "column",
|
|
31
|
+
align: e ?? "stretch",
|
|
32
|
+
...t
|
|
33
|
+
}));
|
|
34
|
+
p.displayName = "VStack";
|
|
35
|
+
//#endregion
|
|
36
|
+
export { f as HStack, d as Stack, p as VStack };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { Space } from '../../shared';
|
|
2
|
+
/**
|
|
3
|
+
* Flex direction of a stack.
|
|
4
|
+
* `row` lays children out horizontally, `column` vertically.
|
|
5
|
+
*/
|
|
6
|
+
export type StackDirection = "row" | "column";
|
|
7
|
+
/**
|
|
8
|
+
* Cross-axis alignment of a stack's children.
|
|
9
|
+
* `stretch` makes them fill the cross axis, `baseline` aligns their first
|
|
10
|
+
* line of text.
|
|
11
|
+
*/
|
|
12
|
+
export type StackAlign = "start" | "center" | "end" | "stretch" | "baseline";
|
|
13
|
+
/**
|
|
14
|
+
* Main-axis distribution of a stack's children.
|
|
15
|
+
*/
|
|
16
|
+
export type StackJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
17
|
+
/**
|
|
18
|
+
* Theme configuration options for the Stack component.
|
|
19
|
+
*
|
|
20
|
+
* Set under `components.stack` in the AsheeUI config. Values feed the
|
|
21
|
+
* component-level fallback tier of the theme cascade.
|
|
22
|
+
*/
|
|
23
|
+
export interface StackConfig {
|
|
24
|
+
/**
|
|
25
|
+
* Flex direction.
|
|
26
|
+
*
|
|
27
|
+
* @default "column"
|
|
28
|
+
*/
|
|
29
|
+
direction?: StackDirection;
|
|
30
|
+
/**
|
|
31
|
+
* Space between children.
|
|
32
|
+
*
|
|
33
|
+
* @default "md"
|
|
34
|
+
*/
|
|
35
|
+
gap?: Space;
|
|
36
|
+
/**
|
|
37
|
+
* Cross-axis alignment of the children.
|
|
38
|
+
*
|
|
39
|
+
* @default "stretch"
|
|
40
|
+
*/
|
|
41
|
+
align?: StackAlign;
|
|
42
|
+
/**
|
|
43
|
+
* Main-axis distribution of the children.
|
|
44
|
+
*
|
|
45
|
+
* @default "start"
|
|
46
|
+
*/
|
|
47
|
+
justify?: StackJustify;
|
|
48
|
+
/**
|
|
49
|
+
* Whether children wrap onto another line when they run out of room.
|
|
50
|
+
*
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
wrap?: boolean;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Default config values registered for the Stack component.
|
|
57
|
+
*/
|
|
58
|
+
export declare const defaultStackConfig: StackConfig;
|
|
59
|
+
declare module "../../libs/registry" {
|
|
60
|
+
interface ComponentTypeConfigRegistry {
|
|
61
|
+
stack: StackConfig;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Hard fallback values used when no config tier provides a value.
|
|
66
|
+
*/
|
|
67
|
+
export declare const FALLBACK_STACK_CONFIG: Required<StackConfig>;
|
|
68
|
+
//# sourceMappingURL=stack-config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack-config.d.ts","sourceRoot":"","sources":["../../../src/components/stack/stack-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE9C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7E;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC;IAEZ;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAMhC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,WAAW,CAMvD,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { registerComponentDefaults as e } from "../../libs/registry.js";
|
|
3
|
+
//#region src/components/stack/stack-config.ts
|
|
4
|
+
var t = {
|
|
5
|
+
direction: "column",
|
|
6
|
+
gap: "md",
|
|
7
|
+
align: "stretch",
|
|
8
|
+
justify: "start",
|
|
9
|
+
wrap: !1
|
|
10
|
+
};
|
|
11
|
+
e("stack", t);
|
|
12
|
+
var n = {
|
|
13
|
+
direction: "column",
|
|
14
|
+
gap: "md",
|
|
15
|
+
align: "stretch",
|
|
16
|
+
justify: "start",
|
|
17
|
+
wrap: !1
|
|
18
|
+
};
|
|
19
|
+
//#endregion
|
|
20
|
+
export { n as FALLBACK_STACK_CONFIG, t as defaultStackConfig };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { StackAlign, StackDirection, StackJustify } from './stack-config';
|
|
2
|
+
/** Flex direction classes. */
|
|
3
|
+
export declare const STACK_DIRECTION_CLASS: Record<StackDirection, string>;
|
|
4
|
+
/** Cross-axis alignment classes. */
|
|
5
|
+
export declare const STACK_ALIGN_CLASS: Record<StackAlign, string>;
|
|
6
|
+
/** Main-axis distribution classes. */
|
|
7
|
+
export declare const STACK_JUSTIFY_CLASS: Record<StackJustify, string>;
|
|
8
|
+
/** Shared base classes for every stack. */
|
|
9
|
+
export declare const STACK_BASE_CLASS = "flex min-w-0";
|
|
10
|
+
//# sourceMappingURL=stack-styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack-styles.d.ts","sourceRoot":"","sources":["../../../src/components/stack/stack-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE/E,8BAA8B;AAC9B,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAGhE,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAMxD,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAO5D,CAAC;AAEF,2CAA2C;AAC3C,eAAO,MAAM,gBAAgB,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
//#region src/components/stack/stack-styles.ts
|
|
3
|
+
var e = {
|
|
4
|
+
row: "flex-row",
|
|
5
|
+
column: "flex-col"
|
|
6
|
+
}, t = {
|
|
7
|
+
start: "items-start",
|
|
8
|
+
center: "items-center",
|
|
9
|
+
end: "items-end",
|
|
10
|
+
stretch: "items-stretch",
|
|
11
|
+
baseline: "items-baseline"
|
|
12
|
+
}, n = {
|
|
13
|
+
start: "justify-start",
|
|
14
|
+
center: "justify-center",
|
|
15
|
+
end: "justify-end",
|
|
16
|
+
between: "justify-between",
|
|
17
|
+
around: "justify-around",
|
|
18
|
+
evenly: "justify-evenly"
|
|
19
|
+
}, r = "flex min-w-0";
|
|
20
|
+
//#endregion
|
|
21
|
+
export { t as STACK_ALIGN_CLASS, r as STACK_BASE_CLASS, e as STACK_DIRECTION_CLASS, n as STACK_JUSTIFY_CLASS };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { ElementType, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { TestimonialsConfig } from './testimonials-config';
|
|
3
|
+
/**
|
|
4
|
+
* One attributed quote.
|
|
5
|
+
*/
|
|
6
|
+
export interface TestimonialItem {
|
|
7
|
+
/** Stable identifier for the quote. Defaults to its position in the list. */
|
|
8
|
+
id?: string | number;
|
|
9
|
+
/** What the person said. */
|
|
10
|
+
quote: ReactNode;
|
|
11
|
+
/** Name of the person. */
|
|
12
|
+
name: string;
|
|
13
|
+
/** Role or organisation of the person. */
|
|
14
|
+
role?: string;
|
|
15
|
+
/** Picture of the person, passed to the framework's `Avatar`. */
|
|
16
|
+
avatarSrc?: string;
|
|
17
|
+
/** Component that replaces the avatar picture, such as a framework image. */
|
|
18
|
+
avatarComponent?: ElementType;
|
|
19
|
+
/** Additional props for that component. */
|
|
20
|
+
avatarComponentProps?: Record<string, unknown>;
|
|
21
|
+
}
|
|
22
|
+
type BaseTestimonialsProps = TestimonialsConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "title">;
|
|
23
|
+
/**
|
|
24
|
+
* Props for the Testimonials component.
|
|
25
|
+
*/
|
|
26
|
+
export interface TestimonialsProps extends BaseTestimonialsProps {
|
|
27
|
+
/** Short label above the heading. */
|
|
28
|
+
eyebrow?: ReactNode;
|
|
29
|
+
/** Heading of the band. */
|
|
30
|
+
title?: ReactNode;
|
|
31
|
+
/** Supporting sentence under the heading. */
|
|
32
|
+
description?: ReactNode;
|
|
33
|
+
/** The quotes to show. */
|
|
34
|
+
items: TestimonialItem[];
|
|
35
|
+
/**
|
|
36
|
+
* Element to render the band as.
|
|
37
|
+
* Defaults to `section`.
|
|
38
|
+
*
|
|
39
|
+
* @default "section"
|
|
40
|
+
*/
|
|
41
|
+
as?: ElementType;
|
|
42
|
+
/** Content below the quotes. */
|
|
43
|
+
children?: ReactNode;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* A band of attributed customer quotes.
|
|
47
|
+
*
|
|
48
|
+
* Testimonials renders each quote as a `figure` with its attribution in a
|
|
49
|
+
* `figcaption`, inside a list element, so a screen reader announces the set. The
|
|
50
|
+
* picture goes through `Avatar`, so its substitution API and its initials
|
|
51
|
+
* fallback apply without the consumer doing anything.
|
|
52
|
+
*
|
|
53
|
+
* @param props - Testimonials configuration options and element attributes.
|
|
54
|
+
* @param props.items - The quotes to show.
|
|
55
|
+
* @param props.title - Heading of the band.
|
|
56
|
+
* @param props.eyebrow - Short label above the heading.
|
|
57
|
+
* @param props.description - Supporting sentence under the heading.
|
|
58
|
+
* @param props.columns - Columns from the smallest viewport. Defaults to 1.
|
|
59
|
+
* @param props.columnsMd - Columns from `md` upwards. Defaults to 2.
|
|
60
|
+
* @param props.columnsLg - Columns from `lg` upwards. Defaults to 3.
|
|
61
|
+
* @param props.gap - Space between quotes. Defaults to "lg".
|
|
62
|
+
* @param props.align - Heading alignment. Defaults to "center".
|
|
63
|
+
*
|
|
64
|
+
* @returns The rendered band.
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* ```tsx
|
|
68
|
+
* <Testimonials
|
|
69
|
+
* title="Teams send more with Ashee"
|
|
70
|
+
* items={[{ quote: "Twice as fast.", name: "Ama Boateng", role: "Growth" }]}
|
|
71
|
+
* />
|
|
72
|
+
* ```
|
|
73
|
+
*
|
|
74
|
+
* @see Card - The surface each quote renders in.
|
|
75
|
+
*/
|
|
76
|
+
export declare const Testimonials: import('react').ForwardRefExoticComponent<TestimonialsProps & import('react').RefAttributes<HTMLElement>>;
|
|
77
|
+
export {};
|
|
78
|
+
//# sourceMappingURL=Testimonials.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../../src/components/testimonials/Testimonials.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAUf,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAC;AAO/B;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IAEjB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,WAAW,CAAC;IAE9B,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChD;AAED,KAAK,qBAAqB,GAAG,kBAAkB,GAC7C,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,0BAA0B;IAC1B,KAAK,EAAE,eAAe,EAAE,CAAC;IAEzB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,YAAY,2GA6GxB,CAAC"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import { useAsheeConfig as e } from "../../libs/context.js";
|
|
4
|
+
import { resolveConfigCascade as t } from "../../utils/resolve-token.js";
|
|
5
|
+
import { Typography as n } from "../typography/Typography.js";
|
|
6
|
+
import { SectionHeading as r } from "../section-kit/SectionHeading.js";
|
|
7
|
+
import { Avatar as i } from "../avatar/Avatar.js";
|
|
8
|
+
import { Card as a } from "../card/Card.js";
|
|
9
|
+
import { Container as o } from "../container/Container.js";
|
|
10
|
+
import { Section as s } from "../section/Section.js";
|
|
11
|
+
import { Grid as c } from "../grid/Grid.js";
|
|
12
|
+
import { FALLBACK_TESTIMONIALS_CONFIG as l } from "./testimonials-config.js";
|
|
13
|
+
import { TESTIMONIAL_HEADING_CLASS as u, TESTIMONIAL_PERSON_CLASS as d, TESTIMONIAL_QUOTE_CLASS as f } from "./testimonials-styles.js";
|
|
14
|
+
import { forwardRef as p } from "react";
|
|
15
|
+
import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
16
|
+
//#region src/components/testimonials/Testimonials.tsx
|
|
17
|
+
var _ = p(({ eyebrow: p, title: _, description: v, items: y, columns: b, columnsMd: x, columnsLg: S, gap: C, spacing: w, background: T, align: E, containerSize: D, contained: O, as: k, className: A, children: j, ...M }, N) => {
|
|
18
|
+
let P = e(), F = t({
|
|
19
|
+
columns: b,
|
|
20
|
+
columnsMd: x,
|
|
21
|
+
columnsLg: S,
|
|
22
|
+
gap: C,
|
|
23
|
+
spacing: w,
|
|
24
|
+
background: T,
|
|
25
|
+
align: E,
|
|
26
|
+
containerSize: D,
|
|
27
|
+
contained: O
|
|
28
|
+
}, P.components?.testimonials, l), I = /* @__PURE__ */ g(m, { children: [
|
|
29
|
+
/* @__PURE__ */ h(r, {
|
|
30
|
+
eyebrow: p,
|
|
31
|
+
title: _,
|
|
32
|
+
description: v,
|
|
33
|
+
align: F.align,
|
|
34
|
+
className: u
|
|
35
|
+
}),
|
|
36
|
+
/* @__PURE__ */ h(c, {
|
|
37
|
+
columns: F.columns,
|
|
38
|
+
columnsMd: F.columnsMd,
|
|
39
|
+
columnsLg: F.columnsLg,
|
|
40
|
+
gap: F.gap,
|
|
41
|
+
as: "ul",
|
|
42
|
+
children: y.map((e, t) => /* @__PURE__ */ h("li", {
|
|
43
|
+
className: "min-w-0",
|
|
44
|
+
children: /* @__PURE__ */ h(a, {
|
|
45
|
+
variant: "bordered",
|
|
46
|
+
size: "md",
|
|
47
|
+
className: "h-full",
|
|
48
|
+
children: /* @__PURE__ */ g("figure", {
|
|
49
|
+
className: f,
|
|
50
|
+
children: [/* @__PURE__ */ h(n, {
|
|
51
|
+
as: "blockquote",
|
|
52
|
+
role: "body-md",
|
|
53
|
+
children: e.quote
|
|
54
|
+
}), /* @__PURE__ */ g("figcaption", {
|
|
55
|
+
className: d,
|
|
56
|
+
children: [/* @__PURE__ */ h(i, {
|
|
57
|
+
name: e.name,
|
|
58
|
+
src: e.avatarSrc,
|
|
59
|
+
size: "sm",
|
|
60
|
+
component: e.avatarComponent,
|
|
61
|
+
componentProps: e.avatarComponentProps
|
|
62
|
+
}), /* @__PURE__ */ g("span", {
|
|
63
|
+
className: "flex min-w-0 flex-col",
|
|
64
|
+
children: [/* @__PURE__ */ h(n, {
|
|
65
|
+
role: "label",
|
|
66
|
+
children: e.name
|
|
67
|
+
}), e.role && /* @__PURE__ */ h(n, {
|
|
68
|
+
role: "caption",
|
|
69
|
+
tone: "muted",
|
|
70
|
+
children: e.role
|
|
71
|
+
})]
|
|
72
|
+
})]
|
|
73
|
+
})]
|
|
74
|
+
})
|
|
75
|
+
})
|
|
76
|
+
}, e.id ?? t))
|
|
77
|
+
}),
|
|
78
|
+
j
|
|
79
|
+
] });
|
|
80
|
+
return /* @__PURE__ */ h(s, {
|
|
81
|
+
ref: N,
|
|
82
|
+
as: k,
|
|
83
|
+
spacing: F.spacing,
|
|
84
|
+
background: F.background,
|
|
85
|
+
contained: !1,
|
|
86
|
+
className: A,
|
|
87
|
+
...M,
|
|
88
|
+
children: F.contained ? /* @__PURE__ */ h(o, {
|
|
89
|
+
size: F.containerSize,
|
|
90
|
+
children: I
|
|
91
|
+
}) : I
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
_.displayName = "Testimonials";
|
|
95
|
+
//#endregion
|
|
96
|
+
export { _ as Testimonials };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/testimonials/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Space } from '../../shared';
|
|
2
|
+
import { ContainerSize } from '../container/container-config';
|
|
3
|
+
import { GridColumns } from '../grid/grid-config';
|
|
4
|
+
import { SectionBackground } from '../section/section-config';
|
|
5
|
+
/**
|
|
6
|
+
* Theme configuration options for the Testimonials component.
|
|
7
|
+
*
|
|
8
|
+
* Set under `components.testimonials` in the AsheeUI config. Values feed the
|
|
9
|
+
* component-level fallback tier of the theme cascade.
|
|
10
|
+
*/
|
|
11
|
+
export interface TestimonialsConfig {
|
|
12
|
+
/** Columns from the smallest viewport upwards. @default 1 */
|
|
13
|
+
columns?: GridColumns;
|
|
14
|
+
/** Columns from the `md` breakpoint upwards. @default 2 */
|
|
15
|
+
columnsMd?: GridColumns;
|
|
16
|
+
/** Columns from the `lg` breakpoint upwards. @default 3 */
|
|
17
|
+
columnsLg?: GridColumns;
|
|
18
|
+
/** Space between the quotes. @default "lg" */
|
|
19
|
+
gap?: Space;
|
|
20
|
+
/** Vertical padding of the band. @default "lg" */
|
|
21
|
+
spacing?: Space;
|
|
22
|
+
/** Background treatment of the band. @default "none" */
|
|
23
|
+
background?: SectionBackground;
|
|
24
|
+
/** Alignment of the heading above the quotes. @default "center" */
|
|
25
|
+
align?: "start" | "center";
|
|
26
|
+
/** Maximum content width of the band. @default "lg" */
|
|
27
|
+
containerSize?: ContainerSize;
|
|
28
|
+
/** Whether the band wraps its content in a `Container`. @default true */
|
|
29
|
+
contained?: boolean;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Default config values registered for the Testimonials component.
|
|
33
|
+
*/
|
|
34
|
+
export declare const defaultTestimonialsConfig: TestimonialsConfig;
|
|
35
|
+
declare module "../../libs/registry" {
|
|
36
|
+
interface ComponentTypeConfigRegistry {
|
|
37
|
+
testimonials: TestimonialsConfig;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Hard fallback values used when no config tier provides a value.
|
|
42
|
+
*/
|
|
43
|
+
export declare const FALLBACK_TESTIMONIALS_CONFIG: Required<TestimonialsConfig>;
|
|
44
|
+
//# sourceMappingURL=testimonials-config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"testimonials-config.d.ts","sourceRoot":"","sources":["../../../src/components/testimonials/testimonials-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,KAAK,CAAC;IAEZ,kDAAkD;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB,wDAAwD;IACxD,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE3B,uDAAuD;IACvD,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,kBAUvC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAID;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,QAAQ,CAAC,kBAAkB,CAUrE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { registerComponentDefaults as e } from "../../libs/registry.js";
|
|
3
|
+
//#region src/components/testimonials/testimonials-config.ts
|
|
4
|
+
var t = {
|
|
5
|
+
columns: 1,
|
|
6
|
+
columnsMd: 2,
|
|
7
|
+
columnsLg: 3,
|
|
8
|
+
gap: "lg",
|
|
9
|
+
spacing: "lg",
|
|
10
|
+
background: "none",
|
|
11
|
+
align: "center",
|
|
12
|
+
containerSize: "lg",
|
|
13
|
+
contained: !0
|
|
14
|
+
};
|
|
15
|
+
e("testimonials", t);
|
|
16
|
+
var n = {
|
|
17
|
+
columns: 1,
|
|
18
|
+
columnsMd: 2,
|
|
19
|
+
columnsLg: 3,
|
|
20
|
+
gap: "lg",
|
|
21
|
+
spacing: "lg",
|
|
22
|
+
background: "none",
|
|
23
|
+
align: "center",
|
|
24
|
+
containerSize: "lg",
|
|
25
|
+
contained: !0
|
|
26
|
+
};
|
|
27
|
+
//#endregion
|
|
28
|
+
export { n as FALLBACK_TESTIMONIALS_CONFIG, t as defaultTestimonialsConfig };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Testimonials component styles for AsheeUI.
|
|
3
|
+
* This file provides the static class mappings for the Testimonials pattern.
|
|
4
|
+
*/
|
|
5
|
+
/** The quote itself. */
|
|
6
|
+
export declare const TESTIMONIAL_QUOTE_CLASS = "flex flex-col gap-4";
|
|
7
|
+
/** The person credited with a quote. */
|
|
8
|
+
export declare const TESTIMONIAL_PERSON_CLASS = "flex items-center gap-3";
|
|
9
|
+
/** The heading block above the quotes. */
|
|
10
|
+
export declare const TESTIMONIAL_HEADING_CLASS = "mb-10";
|
|
11
|
+
//# sourceMappingURL=testimonials-styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"testimonials-styles.d.ts","sourceRoot":"","sources":["../../../src/components/testimonials/testimonials-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wBAAwB;AACxB,eAAO,MAAM,uBAAuB,wBAAwB,CAAC;AAE7D,wCAAwC;AACxC,eAAO,MAAM,wBAAwB,4BAA4B,CAAC;AAElE,0CAA0C;AAC1C,eAAO,MAAM,yBAAyB,UAAU,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
//#region src/components/testimonials/testimonials-styles.ts
|
|
3
|
+
var e = "flex flex-col gap-4", t = "flex items-center gap-3", n = "mb-10";
|
|
4
|
+
//#endregion
|
|
5
|
+
export { n as TESTIMONIAL_HEADING_CLASS, t as TESTIMONIAL_PERSON_CLASS, e as TESTIMONIAL_QUOTE_CLASS };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography-styles.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAC;AAGtB;;;;;GAKG;AACH,wBAAgB,0BAA0B,
|
|
1
|
+
{"version":3,"file":"typography-styles.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography-styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAC;AAGtB;;;;;GAKG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,oBAAoB,GAC3B,MAAM,CAOR;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,0BAA0B,CACxC,IAAI,EAAE,cAAc,EACpB,SAAS,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,GACxC,MAAM,CAcR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validate-config.d.ts","sourceRoot":"","sources":["../../src/config/validate-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAcH,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,UAAU,CAAC;AAEvD,6CAA6C;AAC7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,kEAAkE;AAClE,MAAM,MAAM,WAAW,GAAG;IACxB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,mBAAmB,CAAC;CAC/B,CAAC;
|
|
1
|
+
{"version":3,"file":"validate-config.d.ts","sourceRoot":"","sources":["../../src/config/validate-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAcH,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,UAAU,CAAC;AAEvD,6CAA6C;AAC7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,kEAAkE;AAClE,MAAM,MAAM,WAAW,GAAG;IACxB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,mBAAmB,CAAC;CAC/B,CAAC;AAiRF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,GAAG,WAAW,EAAE,CAuBpE;AAOD;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAO,GACjD,IAAI,CAkBN"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CopyIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CopyIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAc1D"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../utils/cn.js";
|
|
3
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
|
+
//#region src/icons/CopyIcon.tsx
|
|
5
|
+
function r({ className: r, ...i }) {
|
|
6
|
+
return /* @__PURE__ */ n("svg", {
|
|
7
|
+
"aria-hidden": "true",
|
|
8
|
+
className: e("w-4 h-4 fill-none stroke-current", r),
|
|
9
|
+
viewBox: "0 0 24 24",
|
|
10
|
+
strokeWidth: "2",
|
|
11
|
+
strokeLinecap: "round",
|
|
12
|
+
strokeLinejoin: "round",
|
|
13
|
+
...i,
|
|
14
|
+
children: [/* @__PURE__ */ t("rect", {
|
|
15
|
+
x: "9",
|
|
16
|
+
y: "9",
|
|
17
|
+
width: "12",
|
|
18
|
+
height: "12",
|
|
19
|
+
rx: "2"
|
|
20
|
+
}), /* @__PURE__ */ t("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })]
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
//#endregion
|
|
24
|
+
export { r as CopyIcon };
|