@thewhileloop/whileui 1.1.0 → 1.2.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 +493 -39
- package/dist/blocks/chat/chat.d.ts.map +1 -1
- package/dist/blocks/chat/chat.js +17 -6
- package/dist/blocks/chat/chat.js.map +1 -1
- package/dist/blocks/commerce/feature-gate.d.ts +13 -0
- package/dist/blocks/commerce/feature-gate.d.ts.map +1 -0
- package/dist/blocks/commerce/feature-gate.js +13 -0
- package/dist/blocks/commerce/feature-gate.js.map +1 -0
- package/dist/blocks/commerce/index.d.ts +5 -0
- package/dist/blocks/commerce/index.d.ts.map +1 -1
- package/dist/blocks/commerce/index.js +5 -0
- package/dist/blocks/commerce/index.js.map +1 -1
- package/dist/blocks/commerce/metric-card.d.ts +3 -1
- package/dist/blocks/commerce/metric-card.d.ts.map +1 -1
- package/dist/blocks/commerce/metric-card.js +8 -1
- package/dist/blocks/commerce/metric-card.js.map +1 -1
- package/dist/blocks/commerce/plan-toggle.d.ts +12 -0
- package/dist/blocks/commerce/plan-toggle.d.ts.map +1 -0
- package/dist/blocks/commerce/plan-toggle.js +19 -0
- package/dist/blocks/commerce/plan-toggle.js.map +1 -0
- package/dist/blocks/commerce/pricing-card.d.ts +3 -1
- package/dist/blocks/commerce/pricing-card.d.ts.map +1 -1
- package/dist/blocks/commerce/pricing-card.js +9 -1
- package/dist/blocks/commerce/pricing-card.js.map +1 -1
- package/dist/blocks/commerce/product-card.d.ts +3 -1
- package/dist/blocks/commerce/product-card.d.ts.map +1 -1
- package/dist/blocks/commerce/product-card.js +16 -2
- package/dist/blocks/commerce/product-card.js.map +1 -1
- package/dist/blocks/commerce/subscription-card.d.ts +17 -0
- package/dist/blocks/commerce/subscription-card.d.ts.map +1 -0
- package/dist/blocks/commerce/subscription-card.js +18 -0
- package/dist/blocks/commerce/subscription-card.js.map +1 -0
- package/dist/blocks/commerce/upgrade-banner.d.ts +12 -0
- package/dist/blocks/commerce/upgrade-banner.d.ts.map +1 -0
- package/dist/blocks/commerce/upgrade-banner.js +9 -0
- package/dist/blocks/commerce/upgrade-banner.js.map +1 -0
- package/dist/blocks/commerce/usage-bar.d.ts +11 -0
- package/dist/blocks/commerce/usage-bar.d.ts.map +1 -0
- package/dist/blocks/commerce/usage-bar.js +33 -0
- package/dist/blocks/commerce/usage-bar.js.map +1 -0
- package/dist/blocks/datepicker/date-range-picker-modal.d.ts +3 -2
- package/dist/blocks/datepicker/date-range-picker-modal.d.ts.map +1 -1
- package/dist/blocks/datepicker/date-range-picker-modal.js +16 -3
- package/dist/blocks/datepicker/date-range-picker-modal.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-inline.d.ts.map +1 -1
- package/dist/blocks/datepicker/datepicker-inline.js +3 -1
- package/dist/blocks/datepicker/datepicker-inline.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.d.ts +3 -2
- package/dist/blocks/datepicker/datepicker-modal.d.ts.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.js +16 -3
- package/dist/blocks/datepicker/datepicker-modal.js.map +1 -1
- package/dist/blocks/datepicker/use-calendar-theme.d.ts.map +1 -1
- package/dist/blocks/datepicker/use-calendar-theme.js +2 -1
- package/dist/blocks/datepicker/use-calendar-theme.js.map +1 -1
- package/dist/blocks/layout/app-shell.d.ts +5 -1
- package/dist/blocks/layout/app-shell.d.ts.map +1 -1
- package/dist/blocks/layout/app-shell.js +2 -2
- package/dist/blocks/layout/app-shell.js.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.d.ts +3 -2
- package/dist/blocks/layout/confirm-action-sheet.d.ts.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.js +23 -4
- package/dist/blocks/layout/confirm-action-sheet.js.map +1 -1
- package/dist/blocks/layout/form-modal-screen.d.ts.map +1 -1
- package/dist/blocks/layout/form-modal-screen.js +26 -5
- package/dist/blocks/layout/form-modal-screen.js.map +1 -1
- package/dist/blocks/layout/index.d.ts +2 -1
- package/dist/blocks/layout/index.d.ts.map +1 -1
- package/dist/blocks/layout/index.js +1 -0
- package/dist/blocks/layout/index.js.map +1 -1
- package/dist/blocks/layout/onboarding-screen.js +2 -2
- package/dist/blocks/layout/onboarding-screen.js.map +1 -1
- package/dist/blocks/layout/page-skeleton.d.ts +7 -1
- package/dist/blocks/layout/page-skeleton.d.ts.map +1 -1
- package/dist/blocks/layout/page-skeleton.js +7 -14
- package/dist/blocks/layout/page-skeleton.js.map +1 -1
- package/dist/blocks/layout/screen-skeleton.d.ts +16 -0
- package/dist/blocks/layout/screen-skeleton.d.ts.map +1 -0
- package/dist/blocks/layout/screen-skeleton.js +8 -0
- package/dist/blocks/layout/screen-skeleton.js.map +1 -0
- package/dist/blocks/layout/sheet.d.ts +3 -2
- package/dist/blocks/layout/sheet.d.ts.map +1 -1
- package/dist/blocks/layout/sheet.js +41 -9
- package/dist/blocks/layout/sheet.js.map +1 -1
- package/dist/blocks/layout/smart-input.d.ts.map +1 -1
- package/dist/blocks/layout/smart-input.js +8 -1
- package/dist/blocks/layout/smart-input.js.map +1 -1
- package/dist/blocks/lists/list-item.d.ts +3 -1
- package/dist/blocks/lists/list-item.d.ts.map +1 -1
- package/dist/blocks/lists/list-item.js +9 -1
- package/dist/blocks/lists/list-item.js.map +1 -1
- package/dist/blocks/lists/notification-item.d.ts +3 -1
- package/dist/blocks/lists/notification-item.d.ts.map +1 -1
- package/dist/blocks/lists/notification-item.js +10 -2
- package/dist/blocks/lists/notification-item.js.map +1 -1
- package/dist/blocks/lists/swipeable-item.d.ts.map +1 -1
- package/dist/blocks/lists/swipeable-item.js +7 -4
- package/dist/blocks/lists/swipeable-item.js.map +1 -1
- package/dist/blocks/navigation/bottom-nav.d.ts.map +1 -1
- package/dist/blocks/navigation/bottom-nav.js +9 -2
- package/dist/blocks/navigation/bottom-nav.js.map +1 -1
- package/dist/blocks/navigation/drawer-menu.d.ts +3 -2
- package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -1
- package/dist/blocks/navigation/drawer-menu.js +88 -29
- package/dist/blocks/navigation/drawer-menu.js.map +1 -1
- package/dist/blocks/navigation/header.d.ts +1 -1
- package/dist/blocks/navigation/header.d.ts.map +1 -1
- package/dist/blocks/navigation/header.js +12 -3
- package/dist/blocks/navigation/header.js.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.d.ts +3 -1
- package/dist/blocks/navigation/navigation-sidebar.d.ts.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.js +12 -5
- package/dist/blocks/navigation/navigation-sidebar.js.map +1 -1
- package/dist/blocks/navigation/tab-bar.d.ts.map +1 -1
- package/dist/blocks/navigation/tab-bar.js +8 -2
- package/dist/blocks/navigation/tab-bar.js.map +1 -1
- package/dist/components/accordion/accordion.d.ts +1 -1
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/accordion.js +10 -4
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/alert/alert.js +4 -4
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.d.ts +3 -2
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +15 -4
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
- package/dist/components/badge/badge.js +6 -6
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +11 -5
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/card/card.d.ts +2 -1
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.js +12 -3
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.js +7 -1
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/context-menu/context-menu.d.ts +3 -2
- package/dist/components/context-menu/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu/context-menu.js +12 -3
- package/dist/components/context-menu/context-menu.js.map +1 -1
- package/dist/components/data-row/data-row.d.ts.map +1 -1
- package/dist/components/data-row/data-row.js +8 -5
- package/dist/components/data-row/data-row.js.map +1 -1
- package/dist/components/dialog/dialog.d.ts +3 -2
- package/dist/components/dialog/dialog.d.ts.map +1 -1
- package/dist/components/dialog/dialog.js +14 -3
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -2
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.js +12 -3
- package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/form-field/form-field.d.ts.map +1 -1
- package/dist/components/form-field/form-field.js +6 -3
- package/dist/components/form-field/form-field.js.map +1 -1
- package/dist/components/hover-card/hover-card.d.ts +2 -1
- package/dist/components/hover-card/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card/hover-card.js +17 -2
- package/dist/components/hover-card/hover-card.js.map +1 -1
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +3 -1
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/labeled-field/labeled-field.d.ts.map +1 -1
- package/dist/components/labeled-field/labeled-field.js +3 -1
- package/dist/components/labeled-field/labeled-field.js.map +1 -1
- package/dist/components/menubar/menubar.d.ts +3 -2
- package/dist/components/menubar/menubar.d.ts.map +1 -1
- package/dist/components/menubar/menubar.js +12 -3
- package/dist/components/menubar/menubar.js.map +1 -1
- package/dist/components/numeric-input/numeric-input.d.ts +2 -2
- package/dist/components/numeric-input/numeric-input.d.ts.map +1 -1
- package/dist/components/numeric-input/numeric-input.js +18 -6
- package/dist/components/numeric-input/numeric-input.js.map +1 -1
- package/dist/components/otp-input/index.d.ts +2 -0
- package/dist/components/otp-input/index.d.ts.map +1 -0
- package/dist/components/otp-input/index.js +2 -0
- package/dist/components/otp-input/index.js.map +1 -0
- package/dist/components/otp-input/otp-input.d.ts +97 -0
- package/dist/components/otp-input/otp-input.d.ts.map +1 -0
- package/dist/components/otp-input/otp-input.js +88 -0
- package/dist/components/otp-input/otp-input.js.map +1 -0
- package/dist/components/popover/popover.d.ts +2 -1
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js +16 -3
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/segmented-control/segmented-control.d.ts +3 -3
- package/dist/components/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/segmented-control/segmented-control.js +19 -5
- package/dist/components/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/select/select.d.ts +2 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +30 -11
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/components/skeleton/skeleton.js +6 -2
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/switch/switch.d.ts.map +1 -1
- package/dist/components/switch/switch.js +7 -1
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/tabs/tabs.d.ts +3 -1
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tabs/tabs.js +9 -3
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/textarea/textarea.d.ts +2 -2
- package/dist/components/textarea/textarea.d.ts.map +1 -1
- package/dist/components/textarea/textarea.js +19 -6
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/components/toast/toast.d.ts.map +1 -1
- package/dist/components/toast/toast.js +12 -2
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/frosted-surface.d.ts +33 -0
- package/dist/lib/frosted-surface.d.ts.map +1 -0
- package/dist/lib/frosted-surface.js +181 -0
- package/dist/lib/frosted-surface.js.map +1 -0
- package/dist/lib/interaction-tokens.d.ts +26 -0
- package/dist/lib/interaction-tokens.d.ts.map +1 -0
- package/dist/lib/interaction-tokens.js +70 -0
- package/dist/lib/interaction-tokens.js.map +1 -0
- package/dist/lib/react-native-classname.d.ts +23 -0
- package/dist/lib/react-native-classname.d.ts.map +1 -0
- package/dist/lib/react-native-classname.js +2 -0
- package/dist/lib/react-native-classname.js.map +1 -0
- package/dist/lib/theme-colors.d.ts +33 -4
- package/dist/lib/theme-colors.d.ts.map +1 -1
- package/dist/lib/theme-colors.js +249 -37
- package/dist/lib/theme-colors.js.map +1 -1
- package/dist/lib/visual-tokens.d.ts +39 -0
- package/dist/lib/visual-tokens.d.ts.map +1 -0
- package/dist/lib/visual-tokens.js +91 -0
- package/dist/lib/visual-tokens.js.map +1 -0
- package/dist/vite.d.ts +47 -0
- package/dist/vite.d.ts.map +1 -0
- package/dist/vite.js +110 -0
- package/dist/vite.js.map +1 -0
- package/package.json +16 -2
|
@@ -3,6 +3,7 @@ import React, { createContext, useContext } from 'react';
|
|
|
3
3
|
import { Text, View } from 'react-native';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
5
|
import { tv } from '../../lib/tv';
|
|
6
|
+
import { useInteractionTokens } from '../../lib/interaction-tokens';
|
|
6
7
|
const formFieldVariants = tv({
|
|
7
8
|
base: 'w-full',
|
|
8
9
|
variants: {
|
|
@@ -39,7 +40,8 @@ const FormFieldContext = createContext({
|
|
|
39
40
|
required: false,
|
|
40
41
|
});
|
|
41
42
|
const FormField = React.forwardRef(({ className, density = 'default', invalid = false, disabled = false, required = false, ...props }, ref) => {
|
|
42
|
-
|
|
43
|
+
const interaction = useInteractionTokens();
|
|
44
|
+
return (_jsx(FormFieldContext.Provider, { value: { density, invalid, disabled, required }, children: _jsx(View, { ref: ref, className: cn(formFieldVariants({ density }), className), style: disabled ? { opacity: interaction.disabledOpacitySoft } : undefined, ...props }) }));
|
|
43
45
|
});
|
|
44
46
|
FormField.displayName = 'FormField';
|
|
45
47
|
const FormLabel = React.forwardRef(({ className, showRequiredIndicator = true, children, ...props }, ref) => {
|
|
@@ -49,12 +51,13 @@ const FormLabel = React.forwardRef(({ className, showRequiredIndicator = true, c
|
|
|
49
51
|
FormLabel.displayName = 'FormLabel';
|
|
50
52
|
const FormControl = React.forwardRef(({ className, ...props }, ref) => {
|
|
51
53
|
const { density, invalid, disabled } = useContext(FormFieldContext);
|
|
52
|
-
|
|
54
|
+
const interaction = useInteractionTokens();
|
|
55
|
+
return (_jsx(View, { ref: ref, className: cn(formControlVariants({ density, invalid }), invalid && 'rounded-md ring-1 ring-destructive-soft-border', className), style: disabled ? { opacity: interaction.disabledOpacitySoft } : undefined, ...props }));
|
|
53
56
|
});
|
|
54
57
|
FormControl.displayName = 'FormControl';
|
|
55
58
|
const FormHint = React.forwardRef(({ className, ...props }, ref) => {
|
|
56
59
|
const { invalid } = useContext(FormFieldContext);
|
|
57
|
-
return (_jsx(Text, { ref: ref, className: cn('text-xs text-muted-foreground', invalid && 'text-destructive
|
|
60
|
+
return (_jsx(Text, { ref: ref, className: cn('text-xs text-muted-foreground', invalid && 'text-destructive-muted', className), ...props }));
|
|
58
61
|
});
|
|
59
62
|
FormHint.displayName = 'FormHint';
|
|
60
63
|
const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as HoverCardPrimitive from '@rn-primitives/hover-card';
|
|
3
|
+
import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
|
|
3
4
|
export interface HoverCardProps {
|
|
4
5
|
onOpenChange?: (open: boolean) => void;
|
|
5
6
|
openDelay?: number;
|
|
@@ -9,7 +10,7 @@ export interface HoverCardProps {
|
|
|
9
10
|
export interface HoverCardTriggerProps extends React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger> {
|
|
10
11
|
className?: string;
|
|
11
12
|
}
|
|
12
|
-
export interface HoverCardContentProps extends React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content
|
|
13
|
+
export interface HoverCardContentProps extends React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>, FrostedSurfaceProps {
|
|
13
14
|
className?: string;
|
|
14
15
|
portalHost?: string;
|
|
15
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIxF,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAC3E,OAAO,kBAAkB,CAAC,OAAO,CAClC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,EAAE,mBAAmB;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,iBAAS,SAAS,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAUnF;AAED,QAAA,MAAM,gBAAgB,8HAKpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,2GAyDrB,CAAC;AAOF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,15 +1,30 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Platform, StyleSheet } from 'react-native';
|
|
4
4
|
import * as HoverCardPrimitive from '@rn-primitives/hover-card';
|
|
5
5
|
import { cn } from '../../lib/cn';
|
|
6
|
+
import { useFrostedSurface } from '../../lib/frosted-surface';
|
|
6
7
|
// ─── Components ──────────────────────────────────────────────
|
|
7
8
|
function HoverCard({ onOpenChange, openDelay, closeDelay, children }) {
|
|
8
9
|
return (_jsx(HoverCardPrimitive.Root, { onOpenChange: onOpenChange, openDelay: openDelay, closeDelay: closeDelay, children: children }));
|
|
9
10
|
}
|
|
10
11
|
const HoverCardTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(HoverCardPrimitive.Trigger, { ref: ref, className: cn(className), ...props })));
|
|
11
12
|
HoverCardTrigger.displayName = 'HoverCardTrigger';
|
|
12
|
-
const HoverCardContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalHost,
|
|
13
|
+
const HoverCardContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalHost, children, style, frosted = false, blurIntensity, blurTintToken, ...props }, ref) => {
|
|
14
|
+
const frostedSurface = useFrostedSurface({
|
|
15
|
+
frosted,
|
|
16
|
+
blurIntensity,
|
|
17
|
+
blurTintToken,
|
|
18
|
+
defaultTintToken: 'popover',
|
|
19
|
+
defaultBlurPreset: 'subtle',
|
|
20
|
+
});
|
|
21
|
+
const resolvedStyle = StyleSheet.flatten([
|
|
22
|
+
Platform.OS === 'web' ? undefined : contentStyles,
|
|
23
|
+
frostedSurface.surfaceStyle,
|
|
24
|
+
style,
|
|
25
|
+
]);
|
|
26
|
+
return (_jsx(HoverCardPrimitive.Portal, { hostName: portalHost, children: _jsx(HoverCardPrimitive.Overlay, { style: Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined, children: _jsxs(HoverCardPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-64 rounded-lg border border-border p-4 shadow-lg relative overflow-hidden', frosted ? 'bg-transparent' : 'bg-popover', 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), style: resolvedStyle, ...props, children: [frostedSurface.overlay, children] }) }) }));
|
|
27
|
+
});
|
|
13
28
|
HoverCardContent.displayName = 'HoverCardContent';
|
|
14
29
|
const contentStyles = {
|
|
15
30
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/components/hover-card/hover-card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/components/hover-card/hover-card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAA4B,MAAM,2BAA2B,CAAC;AAuBxF,gEAAgE;AAEhE,SAAS,SAAS,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAkB;IAClF,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,IACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,YAErB,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,kBAAkB,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAC9E,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAIvC,CACE,EACE,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,OAAO;QACP,aAAa;QACb,aAAa;QACb,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,QAAQ;KAC5B,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;QACvC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;QACjD,cAAc,CAAC,YAAY;QAC3B,KAAK;KACN,CAAc,CAAC;IAEhB,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,QAAQ,EAAE,UAAU,YAC7C,KAAC,kBAAkB,CAAC,OAAO,IACzB,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAElE,MAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,EACzC,iIAAiI,EACjI,SAAS,CACV,EACD,KAAK,EAAE,aAAa,KAChB,KAAK,aAER,cAAc,CAAC,OAAO,EACtB,QAAQ,IACkB,GACF,GACH,CAC7B,CAAC;AACJ,CAAC,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,MAAM,aAAa,GAAc;IAC/B,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAWjB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,8EA0CV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { View, TextInput } from 'react-native';
|
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
5
|
import { tv } from '../../lib/tv';
|
|
6
6
|
import { useThemeColors } from '../../lib/theme-colors';
|
|
7
|
+
import { useInteractionTokens } from '../../lib/interaction-tokens';
|
|
7
8
|
const inputVariants = tv({
|
|
8
9
|
base: 'min-h-10 w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground',
|
|
9
10
|
variants: {
|
|
@@ -18,7 +19,8 @@ const inputVariants = tv({
|
|
|
18
19
|
});
|
|
19
20
|
const Input = React.forwardRef(({ className, prefix, suffix, inputClassName, variant, editable = true, placeholderTextColor, ...props }, ref) => {
|
|
20
21
|
const colors = useThemeColors();
|
|
21
|
-
|
|
22
|
+
const interaction = useInteractionTokens();
|
|
23
|
+
return (_jsxs(View, { className: cn('flex-row items-center rounded-md border border-border bg-muted', inputVariants({ variant }), className), style: !editable ? { opacity: interaction.disabledOpacity } : undefined, children: [prefix && _jsx(View, { className: "pl-3", children: prefix }), _jsx(TextInput, { ref: ref, className: cn('flex-1 py-2 text-sm text-foreground placeholder:text-muted-foreground outline-none', prefix && 'pl-2', suffix && 'pr-2', inputClassName), editable: editable, placeholderTextColor: placeholderTextColor ?? colors.placeholder, ...props }), suffix && _jsx(View, { className: "pr-3", children: suffix })] }));
|
|
22
24
|
});
|
|
23
25
|
Input.displayName = 'Input';
|
|
24
26
|
export { Input, inputVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,4FAA4F;IAClG,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,eAAe;YACxB,KAAK,EAAE,oBAAoB;SAC5B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AASH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,OAAO,EACP,QAAQ,GAAG,IAAI,EACf,oBAAoB,EACpB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAC1B,SAAS,CACV,EACD,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,SAAS,aAEtE,MAAM,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,EACjD,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,MAAM,IAAI,MAAM,EAChB,MAAM,IAAI,MAAM,EAChB,cAAc,CACf,EACD,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,IAAI,MAAM,CAAC,WAAW,KAC5D,KAAK,GACT,EACD,MAAM,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAAE,MAAM,GAAQ,IAC5C,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labeled-field.d.ts","sourceRoot":"","sources":["../../../src/components/labeled-field/labeled-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"labeled-field.d.ts","sourceRoot":"","sources":["../../../src/components/labeled-field/labeled-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAIvB,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,uBAAuB,EACvB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAyBnB;AAED,QAAA,MAAM,mBAAmB,uFAIxB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -3,9 +3,11 @@ import React from 'react';
|
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { FormControl, FormField, FormHint, FormLabel, FormMessage, } from '../form-field';
|
|
5
5
|
import { cn } from '../../lib/cn';
|
|
6
|
+
import { useInteractionTokens } from '../../lib/interaction-tokens';
|
|
6
7
|
function LabeledField({ label, hint, error, leftSlot, rightSlot, children, controlWrapperClassName, required, disabled, invalid, ...props }) {
|
|
7
8
|
const isInvalid = invalid ?? Boolean(error);
|
|
8
|
-
|
|
9
|
+
const interaction = useInteractionTokens();
|
|
10
|
+
return (_jsxs(FormField, { required: required, disabled: disabled, invalid: isInvalid, ...props, children: [label ? _jsx(FormLabel, { children: label }) : null, _jsx(FormControl, { children: _jsxs(View, { className: cn('flex-row items-center gap-2 rounded-md border border-border bg-muted px-3', isInvalid && 'border-destructive', disabled && '', controlWrapperClassName), style: disabled ? { opacity: interaction.disabledOpacitySoft } : undefined, children: [leftSlot ? _jsx(View, { className: "shrink-0", children: leftSlot }) : null, _jsx(View, { className: "min-h-10 min-w-0 flex-1 justify-center", children: children }), rightSlot ? _jsx(View, { className: "shrink-0", children: rightSlot }) : null] }) }), error ? _jsx(FormMessage, { children: error }) : hint ? _jsx(FormHint, { children: hint }) : null] }));
|
|
9
11
|
}
|
|
10
12
|
const LabeledFieldControl = React.forwardRef(({ className, ...props }, ref) => {
|
|
11
13
|
return _jsx(View, { ref: ref, className: cn('min-w-0 flex-1', className), ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labeled-field.js","sourceRoot":"","sources":["../../../src/components/labeled-field/labeled-field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"labeled-field.js","sourceRoot":"","sources":["../../../src/components/labeled-field/labeled-field.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAgBpE,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,uBAAuB,EACvB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACU;IAClB,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAE3C,OAAO,CACL,MAAC,SAAS,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,KAAM,KAAK,aAC7E,KAAK,CAAC,CAAC,CAAC,KAAC,SAAS,cAAE,KAAK,GAAa,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAC,WAAW,cACV,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,2EAA2E,EAC3E,SAAS,IAAI,oBAAoB,EACjC,QAAQ,IAAI,EAAE,EACd,uBAAuB,CACxB,EACD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,SAAS,aAEzE,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,KAAC,IAAI,IAAC,SAAS,EAAC,wCAAwC,YAAE,QAAQ,GAAQ,EACzE,SAAS,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,YAAE,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC5D,GACK,EACb,KAAK,CAAC,CAAC,CAAC,KAAC,WAAW,cAAE,KAAK,GAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,IAAI,GAAY,CAAC,CAAC,CAAC,IAAI,IAC7E,CACb,CAAC;AACJ,CAAC;AAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACnF,CAAC,CACF,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ViewProps, type PressableProps } from 'react-native';
|
|
3
|
+
import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
|
|
3
4
|
export interface MenubarProps extends ViewProps {
|
|
4
5
|
className?: string;
|
|
5
6
|
}
|
|
@@ -9,7 +10,7 @@ export interface MenubarMenuProps {
|
|
|
9
10
|
export interface MenubarTriggerProps extends PressableProps {
|
|
10
11
|
className?: string;
|
|
11
12
|
}
|
|
12
|
-
export interface MenubarContentProps extends ViewProps {
|
|
13
|
+
export interface MenubarContentProps extends ViewProps, FrostedSurfaceProps {
|
|
13
14
|
className?: string;
|
|
14
15
|
}
|
|
15
16
|
export interface MenubarItemProps extends PressableProps {
|
|
@@ -34,7 +35,7 @@ declare function MenubarTrigger({ className, ...props }: MenubarTriggerProps): i
|
|
|
34
35
|
declare namespace MenubarTrigger {
|
|
35
36
|
var displayName: string;
|
|
36
37
|
}
|
|
37
|
-
declare function MenubarContent({ className, children, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
declare function MenubarContent({ className, children, frosted, blurIntensity, blurTintToken, style, ...props }: MenubarContentProps): import("react/jsx-runtime").JSX.Element;
|
|
38
39
|
declare namespace MenubarContent {
|
|
39
40
|
var displayName: string;
|
|
40
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../src/components/menubar/menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEjG,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAgBxF,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAoB,SAAQ,SAAS,EAAE,mBAAmB;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAUrD;kBAVQ,OAAO;;;AAYhB,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAKlD;kBALQ,WAAW;;;AAOpB,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CASnE;kBATQ,cAAc;;;AAWvB,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,OAAe,EACf,aAAa,EACb,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,2CA8BrB;kBAtCQ,cAAc;;;AAwCvB,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAY7D;kBAZQ,WAAW;;;AAcpB,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAUzE;kBAVQ,YAAY;;;AAYrB,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAEvE;kBAFQ,gBAAgB;;;AAYzB,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { createContext, useContext, useState } from 'react';
|
|
3
3
|
import { View, Modal, Pressable, Text } from 'react-native';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
|
+
import { useFrostedSurface } from '../../lib/frosted-surface';
|
|
5
6
|
const MenubarMenuContext = createContext({
|
|
6
7
|
open: false,
|
|
7
8
|
setOpen: () => { },
|
|
@@ -18,9 +19,17 @@ function MenubarTrigger({ className, ...props }) {
|
|
|
18
19
|
const { setOpen } = useContext(MenubarMenuContext);
|
|
19
20
|
return (_jsx(Pressable, { className: cn('rounded-md px-3 py-1.5 active:bg-accent', className), onPress: () => setOpen(true), ...props }));
|
|
20
21
|
}
|
|
21
|
-
function MenubarContent({ className, children, ...props }) {
|
|
22
|
+
function MenubarContent({ className, children, frosted = false, blurIntensity, blurTintToken, style, ...props }) {
|
|
22
23
|
const { open, setOpen } = useContext(MenubarMenuContext);
|
|
23
|
-
|
|
24
|
+
const frostedSurface = useFrostedSurface({
|
|
25
|
+
frosted,
|
|
26
|
+
blurIntensity,
|
|
27
|
+
blurTintToken,
|
|
28
|
+
defaultTintToken: 'popover',
|
|
29
|
+
defaultBlurPreset: 'medium',
|
|
30
|
+
});
|
|
31
|
+
const contentStyle = [frostedSurface.surfaceStyle, style];
|
|
32
|
+
return (_jsx(Modal, { visible: open, transparent: true, animationType: "slide", onRequestClose: () => setOpen(false), children: _jsx(Pressable, { className: "flex-1 justify-end", onPress: () => setOpen(false), children: _jsxs(Pressable, { className: cn('w-full rounded-t-xl border-t border-x border-border p-2 pb-8 shadow-lg relative overflow-hidden', frosted ? 'bg-transparent' : 'bg-popover', className), style: contentStyle, onPress: (e) => e.stopPropagation(), ...props, children: [frostedSurface.overlay, children] }) }) }));
|
|
24
33
|
}
|
|
25
34
|
function MenubarItem({ className, ...props }) {
|
|
26
35
|
const { setOpen } = useContext(MenubarMenuContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../src/components/menubar/menubar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../src/components/menubar/menubar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -70,7 +70,7 @@ declare const numericInputTextVariants: import("tailwind-variants").TVReturnType
|
|
|
70
70
|
default: string;
|
|
71
71
|
compact: string;
|
|
72
72
|
};
|
|
73
|
-
}, undefined, "
|
|
73
|
+
}, undefined, "px-3 py-2 text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
74
74
|
size: {
|
|
75
75
|
default: string;
|
|
76
76
|
compact: string;
|
|
@@ -90,7 +90,7 @@ declare const numericInputTextVariants: import("tailwind-variants").TVReturnType
|
|
|
90
90
|
default: string;
|
|
91
91
|
compact: string;
|
|
92
92
|
};
|
|
93
|
-
}, undefined, "
|
|
93
|
+
}, undefined, "px-3 py-2 text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
94
94
|
size: {
|
|
95
95
|
default: string;
|
|
96
96
|
compact: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,
|
|
1
|
+
{"version":3,"file":"numeric-input.d.ts","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAA6B,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE/F,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrD,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBxB,CAAC;AAEH,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAW5B,CAAC;AAsDH,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC,EAChF,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,YAAY,qFAwKjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React, { useCallback, useMemo, useState } from 'react';
|
|
3
|
-
import { Pressable, Text, TextInput, View } from 'react-native';
|
|
3
|
+
import { Platform, Pressable, Text, TextInput, View } from 'react-native';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
5
|
import { tv } from '../../lib/tv';
|
|
6
6
|
import { useThemeColors } from '../../lib/theme-colors';
|
|
7
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
7
8
|
const numericInputVariants = tv({
|
|
8
9
|
base: 'w-full flex-row items-center rounded-md border border-border bg-muted',
|
|
9
10
|
variants: {
|
|
@@ -22,7 +23,7 @@ const numericInputVariants = tv({
|
|
|
22
23
|
},
|
|
23
24
|
});
|
|
24
25
|
const numericInputTextVariants = tv({
|
|
25
|
-
base: '
|
|
26
|
+
base: 'px-3 py-2 text-foreground',
|
|
26
27
|
variants: {
|
|
27
28
|
size: {
|
|
28
29
|
default: 'text-sm',
|
|
@@ -34,14 +35,14 @@ const numericInputTextVariants = tv({
|
|
|
34
35
|
},
|
|
35
36
|
});
|
|
36
37
|
const stepperButtonVariants = tv({
|
|
37
|
-
base: 'h-full w-11 items-center justify-center
|
|
38
|
+
base: 'h-full w-11 items-center justify-center',
|
|
38
39
|
variants: {
|
|
39
40
|
size: {
|
|
40
41
|
default: 'px-3',
|
|
41
42
|
compact: 'px-2',
|
|
42
43
|
},
|
|
43
44
|
disabled: {
|
|
44
|
-
true: '
|
|
45
|
+
true: '',
|
|
45
46
|
false: '',
|
|
46
47
|
},
|
|
47
48
|
},
|
|
@@ -79,8 +80,9 @@ function roundToStepPrecision(value, step) {
|
|
|
79
80
|
const decimals = step >= 1 ? 0 : (step.toString().split('.')[1]?.length ?? 2);
|
|
80
81
|
return Number(value.toFixed(decimals));
|
|
81
82
|
}
|
|
82
|
-
const NumericInput = React.forwardRef(({ className, inputClassName, prefix, suffix, value, defaultValue, onValueChange, min, max, step = 1, showSteppers = false, variant = 'default', size = 'default', editable = true, placeholderTextColor, onBlur, ...props }, ref) => {
|
|
83
|
+
const NumericInput = React.forwardRef(({ className, inputClassName, prefix, suffix, value, defaultValue, onValueChange, min, max, step = 1, showSteppers = false, variant = 'default', size = 'default', editable = true, placeholderTextColor, onBlur, style: styleProp, ...props }, ref) => {
|
|
83
84
|
const colors = useThemeColors();
|
|
85
|
+
const interaction = useInteractionTokens();
|
|
84
86
|
const [internalText, setInternalText] = useState(() => toInputText(defaultValue));
|
|
85
87
|
const isControlled = value !== undefined;
|
|
86
88
|
const textValue = isControlled ? toInputText(value) : internalText;
|
|
@@ -126,12 +128,22 @@ const NumericInput = React.forwardRef(({ className, inputClassName, prefix, suff
|
|
|
126
128
|
};
|
|
127
129
|
const canDecrease = editable && (min === undefined || currentValue === null || currentValue > min);
|
|
128
130
|
const canIncrease = editable && (max === undefined || currentValue === null || currentValue < max);
|
|
131
|
+
const stepDownStyle = withInteractivePressableStyle(undefined, interaction, {
|
|
132
|
+
disabled: !canDecrease,
|
|
133
|
+
disabledVariant: 'subtle',
|
|
134
|
+
pressedVariant: 'default',
|
|
135
|
+
});
|
|
136
|
+
const stepUpStyle = withInteractivePressableStyle(undefined, interaction, {
|
|
137
|
+
disabled: !canIncrease,
|
|
138
|
+
disabledVariant: 'subtle',
|
|
139
|
+
pressedVariant: 'default',
|
|
140
|
+
});
|
|
129
141
|
const nudge = (delta) => {
|
|
130
142
|
const baseline = currentValue ?? min ?? 0;
|
|
131
143
|
const raw = baseline + delta * step;
|
|
132
144
|
applyNumericValue(roundToStepPrecision(raw, step));
|
|
133
145
|
};
|
|
134
|
-
return (_jsxs(View, { className: cn(numericInputVariants({ variant, size }), !editable
|
|
146
|
+
return (_jsxs(View, { className: cn(numericInputVariants({ variant, size }), className), style: !editable ? { opacity: interaction.disabledOpacity } : undefined, children: [prefix ? _jsx(View, { className: "shrink-0 pl-3", children: prefix }) : null, _jsx(View, { className: "min-w-0 flex-1", style: Platform.OS === 'web' ? { minWidth: 0, flex: 1 } : undefined, children: _jsx(TextInput, { ref: ref, className: cn(numericInputTextVariants({ size }), 'w-full outline-none', inputClassName), style: Platform.OS === 'web' ? [{ width: '100%', minWidth: 0 }, styleProp] : styleProp, value: textValue, onChangeText: handleTextChange, onBlur: handleBlur, keyboardType: "decimal-pad", editable: editable, placeholderTextColor: placeholderTextColor ?? colors.placeholder, ...props }) }), suffix ? _jsx(View, { className: "shrink-0 pr-3", children: suffix }) : null, showSteppers ? (_jsxs(View, { className: "h-full shrink-0 flex-row border-l border-border bg-muted", children: [_jsx(Pressable, { className: cn(stepperButtonVariants({ size, disabled: !canDecrease }), 'shrink-0 min-w-11 border-r border-border'), style: stepDownStyle, onPress: () => nudge(-1), disabled: !canDecrease, hitSlop: 4, accessibilityRole: "button", accessibilityLabel: "Decrease value", children: _jsx(Text, { className: "text-base font-medium text-foreground", children: "-" }) }), _jsx(Pressable, { className: cn(stepperButtonVariants({ size, disabled: !canIncrease }), 'shrink-0 min-w-11'), style: stepUpStyle, onPress: () => nudge(1), disabled: !canIncrease, hitSlop: 4, accessibilityRole: "button", accessibilityLabel: "Increase value", children: _jsx(Text, { className: "text-base font-medium text-foreground", children: "+" }) })] })) : null] }));
|
|
135
147
|
});
|
|
136
148
|
NumericInput.displayName = 'NumericInput';
|
|
137
149
|
export { NumericInput, numericInputVariants, numericInputTextVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numeric-input.js","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAuB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"numeric-input.js","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/otp-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAsB,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { type ViewProps } from 'react-native';
|
|
2
|
+
declare const otpCellVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
+
size: {
|
|
4
|
+
default: string;
|
|
5
|
+
compact: string;
|
|
6
|
+
};
|
|
7
|
+
state: {
|
|
8
|
+
idle: string;
|
|
9
|
+
focused: string;
|
|
10
|
+
error: string;
|
|
11
|
+
errorFocused: string;
|
|
12
|
+
};
|
|
13
|
+
}, undefined, "items-center justify-center rounded-lg border bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
14
|
+
size: {
|
|
15
|
+
default: string;
|
|
16
|
+
compact: string;
|
|
17
|
+
};
|
|
18
|
+
state: {
|
|
19
|
+
idle: string;
|
|
20
|
+
focused: string;
|
|
21
|
+
error: string;
|
|
22
|
+
errorFocused: string;
|
|
23
|
+
};
|
|
24
|
+
}, {
|
|
25
|
+
size: {
|
|
26
|
+
default: string;
|
|
27
|
+
compact: string;
|
|
28
|
+
};
|
|
29
|
+
state: {
|
|
30
|
+
idle: string;
|
|
31
|
+
focused: string;
|
|
32
|
+
error: string;
|
|
33
|
+
errorFocused: string;
|
|
34
|
+
};
|
|
35
|
+
}>, {
|
|
36
|
+
size: {
|
|
37
|
+
default: string;
|
|
38
|
+
compact: string;
|
|
39
|
+
};
|
|
40
|
+
state: {
|
|
41
|
+
idle: string;
|
|
42
|
+
focused: string;
|
|
43
|
+
error: string;
|
|
44
|
+
errorFocused: string;
|
|
45
|
+
};
|
|
46
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
47
|
+
size: {
|
|
48
|
+
default: string;
|
|
49
|
+
compact: string;
|
|
50
|
+
};
|
|
51
|
+
state: {
|
|
52
|
+
idle: string;
|
|
53
|
+
focused: string;
|
|
54
|
+
error: string;
|
|
55
|
+
errorFocused: string;
|
|
56
|
+
};
|
|
57
|
+
}, undefined, "items-center justify-center rounded-lg border bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
58
|
+
size: {
|
|
59
|
+
default: string;
|
|
60
|
+
compact: string;
|
|
61
|
+
};
|
|
62
|
+
state: {
|
|
63
|
+
idle: string;
|
|
64
|
+
focused: string;
|
|
65
|
+
error: string;
|
|
66
|
+
errorFocused: string;
|
|
67
|
+
};
|
|
68
|
+
}, {
|
|
69
|
+
size: {
|
|
70
|
+
default: string;
|
|
71
|
+
compact: string;
|
|
72
|
+
};
|
|
73
|
+
state: {
|
|
74
|
+
idle: string;
|
|
75
|
+
focused: string;
|
|
76
|
+
error: string;
|
|
77
|
+
errorFocused: string;
|
|
78
|
+
};
|
|
79
|
+
}>, unknown, unknown, undefined>>;
|
|
80
|
+
export interface OTPInputProps extends Omit<ViewProps, 'children'> {
|
|
81
|
+
length?: number;
|
|
82
|
+
value?: string;
|
|
83
|
+
onValueChange?: (value: string) => void;
|
|
84
|
+
onComplete?: (code: string) => void;
|
|
85
|
+
variant?: 'default' | 'error';
|
|
86
|
+
size?: 'default' | 'compact';
|
|
87
|
+
secure?: boolean;
|
|
88
|
+
disabled?: boolean;
|
|
89
|
+
autoFocus?: boolean;
|
|
90
|
+
className?: string;
|
|
91
|
+
}
|
|
92
|
+
declare function OTPInput({ length, value: controlledValue, onValueChange, onComplete, variant, size, secure, disabled, autoFocus, className, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element;
|
|
93
|
+
declare namespace OTPInput {
|
|
94
|
+
var displayName: string;
|
|
95
|
+
}
|
|
96
|
+
export { OTPInput, otpCellVariants };
|
|
97
|
+
//# sourceMappingURL=otp-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/otp-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAgBzE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAYnB,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,QAAQ,CAAC,EAChB,MAAU,EACV,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,UAAU,EACV,OAAmB,EACnB,IAAgB,EAChB,MAAc,EACd,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAmGf;kBA/GQ,QAAQ;;;AA6IjB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC"}
|