@kjaniec-dev/ui 0.9.1 → 0.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2339 -1113
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +133 -6
- package/dist/index.d.ts +133 -6
- package/dist/index.js +2338 -1114
- package/dist/index.js.map +1 -1
- package/dist/ui.css +34 -9
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
2
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
+
import React__default from 'react';
|
|
4
5
|
import { VariantProps } from 'class-variance-authority';
|
|
5
6
|
|
|
6
7
|
/**
|
|
@@ -270,7 +271,7 @@ declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps
|
|
|
270
271
|
declare const AccordionTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
271
272
|
declare const AccordionContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
272
273
|
|
|
273
|
-
declare function DropdownMenu({ children, className }: {
|
|
274
|
+
declare function DropdownMenu({ children, className, }: {
|
|
274
275
|
children: React.ReactNode;
|
|
275
276
|
className?: string;
|
|
276
277
|
}): React.JSX.Element;
|
|
@@ -361,7 +362,7 @@ interface ModalProps {
|
|
|
361
362
|
showClose?: boolean;
|
|
362
363
|
}
|
|
363
364
|
/** Centered overlay dialog. Closes on backdrop click and Escape. Includes focus trap and restore. */
|
|
364
|
-
declare function Modal({ open, onClose, children, width, className, showClose }: ModalProps): React.JSX.Element;
|
|
365
|
+
declare function Modal({ open, onClose, children, width, className, showClose, }: ModalProps): React.JSX.Element;
|
|
365
366
|
declare function ModalTitle({ className, id, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
|
|
366
367
|
declare function ModalDescription({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.JSX.Element;
|
|
367
368
|
declare function ModalActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
@@ -485,6 +486,7 @@ declare const ErrorState: React.ForwardRefExoticComponent<ErrorStateProps & Reac
|
|
|
485
486
|
|
|
486
487
|
interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
487
488
|
variant?: "text" | "circular" | "rectangular";
|
|
489
|
+
animation?: "shimmer" | "pulse" | "none";
|
|
488
490
|
width?: string | number;
|
|
489
491
|
height?: string | number;
|
|
490
492
|
}
|
|
@@ -575,7 +577,7 @@ interface CommandPaletteProps {
|
|
|
575
577
|
items: CommandPaletteItem[];
|
|
576
578
|
placeholder?: string;
|
|
577
579
|
}
|
|
578
|
-
declare function CommandPalette({ open, onClose, items, placeholder }: CommandPaletteProps): React.JSX.Element | null;
|
|
580
|
+
declare function CommandPalette({ open, onClose, items, placeholder, }: CommandPaletteProps): React.JSX.Element | null;
|
|
579
581
|
declare namespace CommandPalette {
|
|
580
582
|
var displayName: string;
|
|
581
583
|
}
|
|
@@ -664,7 +666,7 @@ interface SeparatorProps {
|
|
|
664
666
|
className?: string;
|
|
665
667
|
}
|
|
666
668
|
/** Thin layout divider. Decorative by default; pass decorative={false} for a semantic role="separator". */
|
|
667
|
-
declare function Separator({ orientation, decorative, className }: SeparatorProps): React.JSX.Element;
|
|
669
|
+
declare function Separator({ orientation, decorative, className, }: SeparatorProps): React.JSX.Element;
|
|
668
670
|
|
|
669
671
|
interface PopoverProps {
|
|
670
672
|
/** Trigger and content elements. */
|
|
@@ -790,6 +792,8 @@ interface RangeCalendarProps {
|
|
|
790
792
|
min?: Date;
|
|
791
793
|
max?: Date;
|
|
792
794
|
disabledDates?: (date: Date) => boolean;
|
|
795
|
+
/** Force rendering 1 month instead of 2 side-by-side. */
|
|
796
|
+
singleMonth?: boolean;
|
|
793
797
|
className?: string;
|
|
794
798
|
}
|
|
795
799
|
declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -936,6 +940,7 @@ interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
936
940
|
defaultValue?: number;
|
|
937
941
|
onValueChange?: (value: number) => void;
|
|
938
942
|
orientation?: StepperOrientation;
|
|
943
|
+
responsive?: boolean;
|
|
939
944
|
linear?: boolean;
|
|
940
945
|
}
|
|
941
946
|
declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -971,6 +976,7 @@ interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
971
976
|
headerVariant?: "glass" | "solid" | "transparent";
|
|
972
977
|
paddedContent?: boolean;
|
|
973
978
|
mobileNav?: React.ReactNode;
|
|
979
|
+
bottomNav?: React.ReactNode;
|
|
974
980
|
}
|
|
975
981
|
interface AppShellBannerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
976
982
|
variant?: "primary" | "accent" | "muted";
|
|
@@ -1193,11 +1199,12 @@ interface InboxContentProps {
|
|
|
1193
1199
|
viewAllHref?: string;
|
|
1194
1200
|
viewAllLabel?: string;
|
|
1195
1201
|
emptyState?: React.ReactNode;
|
|
1202
|
+
align?: "auto" | "start" | "end";
|
|
1196
1203
|
width?: number | string;
|
|
1197
1204
|
maxHeight?: number | string;
|
|
1198
1205
|
className?: string;
|
|
1199
1206
|
}
|
|
1200
|
-
declare function InboxContent({ items, onMarkAllRead, onDismiss, viewAllHref, viewAllLabel, emptyState, width, maxHeight, className, }: InboxContentProps): React.JSX.Element | null;
|
|
1207
|
+
declare function InboxContent({ items, onMarkAllRead, onDismiss, viewAllHref, viewAllLabel, emptyState, align, width, maxHeight, className, }: InboxContentProps): React.JSX.Element | null;
|
|
1201
1208
|
|
|
1202
1209
|
declare const DEFAULT_COLOR_SWATCHES: readonly ["#EF4444", "#F97316", "#F59E0B", "#10B981", "#14B8A6", "#06B6D4", "#3B82F6", "#6366F1", "#8B5CF6", "#EC4899", "#64748B", "#1E293B"];
|
|
1203
1210
|
declare function isValidHex(hex: string): boolean;
|
|
@@ -1258,4 +1265,124 @@ interface ImageGalleryProps {
|
|
|
1258
1265
|
}
|
|
1259
1266
|
declare function ImageGallery({ images, columns, aspectRatio, maxVisible, className, thumbnailClassName, lightboxClassName, onImageClick, }: ImageGalleryProps): React.JSX.Element;
|
|
1260
1267
|
|
|
1261
|
-
|
|
1268
|
+
/** Props for the inline InPost GeoWidget map component. */
|
|
1269
|
+
interface InPostGeowidgetProps {
|
|
1270
|
+
/** InPost API Token generated in InPost Manager for your domain. Required for production map. */
|
|
1271
|
+
token?: string;
|
|
1272
|
+
/** Widget language ('pl', 'en', 'uk', 'de', 'it', 'fr'). Default 'pl'. */
|
|
1273
|
+
language?: InPostLanguage;
|
|
1274
|
+
/** Widget configuration type ('parcelCollect', 'parcelCollectPayment', 'international', 'postBuy'). Default 'parcelCollect'. */
|
|
1275
|
+
config?: InPostConfigType;
|
|
1276
|
+
/** Enable sandbox environment. Default false. */
|
|
1277
|
+
sandbox?: boolean;
|
|
1278
|
+
/** Callback triggered when user selects a parcel locker or pick-up point on the map. */
|
|
1279
|
+
onPointSelect?: (point: InPostPoint) => void;
|
|
1280
|
+
/** Callback triggered when GeoWidget finishes loading. */
|
|
1281
|
+
onReady?: () => void;
|
|
1282
|
+
/** Callback triggered on script load error. */
|
|
1283
|
+
onError?: (error: Error) => void;
|
|
1284
|
+
/** Outer container CSS class name. */
|
|
1285
|
+
className?: string;
|
|
1286
|
+
/** Inline container styles. */
|
|
1287
|
+
style?: React__default.CSSProperties;
|
|
1288
|
+
/** Custom SDK JavaScript URL. */
|
|
1289
|
+
customScriptUrl?: string;
|
|
1290
|
+
/** Custom SDK CSS URL. */
|
|
1291
|
+
customCssUrl?: string;
|
|
1292
|
+
}
|
|
1293
|
+
declare global {
|
|
1294
|
+
namespace JSX {
|
|
1295
|
+
interface IntrinsicElements {
|
|
1296
|
+
"inpost-geowidget": React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement> & {
|
|
1297
|
+
token?: string;
|
|
1298
|
+
language?: string;
|
|
1299
|
+
config?: string;
|
|
1300
|
+
sandbox?: string | boolean;
|
|
1301
|
+
onpointselect?: string;
|
|
1302
|
+
}, HTMLElement>;
|
|
1303
|
+
}
|
|
1304
|
+
}
|
|
1305
|
+
}
|
|
1306
|
+
declare const InPostGeowidget: React__default.FC<InPostGeowidgetProps>;
|
|
1307
|
+
|
|
1308
|
+
/** Props for the InPost GeoWidget Modal checkout component. */
|
|
1309
|
+
interface InPostGeowidgetModalProps {
|
|
1310
|
+
/** Currently selected point object or point code string (e.g. 'WAW01M'). */
|
|
1311
|
+
value?: InPostPoint | string | null;
|
|
1312
|
+
/** Callback triggered when point is selected on the map. */
|
|
1313
|
+
onSelect?: (point: InPostPoint) => void;
|
|
1314
|
+
/** Trigger button label. Default 'Wybierz Paczkomat®'. */
|
|
1315
|
+
triggerText?: string;
|
|
1316
|
+
/** Modal header title. Default 'Wybierz punkt odbioru InPost'. */
|
|
1317
|
+
modalTitle?: string;
|
|
1318
|
+
/** Disable trigger button. Default false. */
|
|
1319
|
+
disabled?: boolean;
|
|
1320
|
+
/** Controlled open state of the modal. */
|
|
1321
|
+
open?: boolean;
|
|
1322
|
+
/** Callback when open state changes. */
|
|
1323
|
+
onOpenChange?: (open: boolean) => void;
|
|
1324
|
+
/** Show selected point badge under trigger button. Default true. */
|
|
1325
|
+
showSelectedBadge?: boolean;
|
|
1326
|
+
/** Outer container CSS class name. */
|
|
1327
|
+
className?: string;
|
|
1328
|
+
/** Trigger button style variant ('primary', 'secondary', 'outline', 'ghost', 'danger'). Default 'outline'. */
|
|
1329
|
+
buttonVariant?: "primary" | "secondary" | "outline" | "ghost" | "danger";
|
|
1330
|
+
/** Trigger button size ('sm', 'md', 'lg'). Default 'md'. */
|
|
1331
|
+
buttonSize?: "sm" | "md" | "lg";
|
|
1332
|
+
/** InPost API Token (optional for sandbox). */
|
|
1333
|
+
token?: string;
|
|
1334
|
+
/** Widget language ('pl', 'en', 'uk', 'de', 'it', 'fr'). Default 'pl'. */
|
|
1335
|
+
language?: InPostLanguage;
|
|
1336
|
+
/** Widget configuration type ('parcelCollect', 'parcelCollectPayment', 'international', 'postBuy'). Default 'parcelCollect'. */
|
|
1337
|
+
config?: InPostConfigType;
|
|
1338
|
+
/** Enable sandbox environment. Default false. */
|
|
1339
|
+
sandbox?: boolean;
|
|
1340
|
+
/** Custom SDK JavaScript URL. */
|
|
1341
|
+
customScriptUrl?: string;
|
|
1342
|
+
/** Custom SDK CSS URL. */
|
|
1343
|
+
customCssUrl?: string;
|
|
1344
|
+
}
|
|
1345
|
+
declare const InPostGeowidgetModal: React__default.FC<InPostGeowidgetModalProps>;
|
|
1346
|
+
|
|
1347
|
+
interface InPostAddressDetails {
|
|
1348
|
+
city: string;
|
|
1349
|
+
street: string;
|
|
1350
|
+
building_number: string;
|
|
1351
|
+
post_code: string;
|
|
1352
|
+
province?: string;
|
|
1353
|
+
}
|
|
1354
|
+
interface InPostLocation {
|
|
1355
|
+
latitude: number;
|
|
1356
|
+
longitude: number;
|
|
1357
|
+
}
|
|
1358
|
+
interface InPostPoint {
|
|
1359
|
+
name: string;
|
|
1360
|
+
address: {
|
|
1361
|
+
line1: string;
|
|
1362
|
+
line2: string;
|
|
1363
|
+
};
|
|
1364
|
+
address_details: InPostAddressDetails;
|
|
1365
|
+
location: InPostLocation;
|
|
1366
|
+
type: string[] | string;
|
|
1367
|
+
status: string;
|
|
1368
|
+
location_description?: string;
|
|
1369
|
+
opening_hours?: string;
|
|
1370
|
+
payment_point_descr?: string;
|
|
1371
|
+
functions?: string[];
|
|
1372
|
+
[key: string]: unknown;
|
|
1373
|
+
}
|
|
1374
|
+
type InPostLanguage = "pl" | "en" | "uk" | "de" | "it" | "fr";
|
|
1375
|
+
type InPostConfigType = "parcelCollect" | "parcelCollectPayment" | "international" | "postBuy" | string;
|
|
1376
|
+
interface UseInPostScriptOptions {
|
|
1377
|
+
sandbox?: boolean;
|
|
1378
|
+
customScriptUrl?: string;
|
|
1379
|
+
customCssUrl?: string;
|
|
1380
|
+
}
|
|
1381
|
+
interface UseInPostScriptResult {
|
|
1382
|
+
isLoaded: boolean;
|
|
1383
|
+
error: Error | null;
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1386
|
+
declare function useInPostScript(options?: UseInPostScriptOptions): UseInPostScriptResult;
|
|
1387
|
+
|
|
1388
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, AppShell, AppShellBanner, type AppShellBannerProps, AppShellFooter, type AppShellFooterProps, AppShellHeader, type AppShellHeaderProps, AppShellMain, type AppShellMainProps, type AppShellProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BlogCard, type BlogCardAuthor, type BlogCardProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, type BottomSheetProps, BottomSheetTitle, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CodeBlock, type CodeBlockProps, ColorPicker, ColorPickerField, type ColorPickerFieldProps, type ColorPickerProps, ColorPickerSwatch, type ColorPickerSwatchProps, Combobox, ComboboxField, type ComboboxFieldProps, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DEFAULT_COLOR_SWATCHES, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DateRange, DateRangePicker, DateRangePickerField, type DateRangePickerFieldProps, type DateRangePickerProps, DetailPageLayout, type DetailPageLayoutProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Fab, type FabProps, Field, type FileRejection, FileUpload, FileUploadField, type FileUploadFieldProps, type FileUploadProps, FormField, type FormFieldProps, type GalleryImage, Hint, type HintProps, ImageGallery, type ImageGalleryProps, InPostGeowidget, InPostGeowidgetModal, type InPostGeowidgetModalProps, type InPostGeowidgetProps, type InPostPoint, InboxContent, type InboxContentProps, InboxPopover, type InboxPopoverProps, type InboxStateReturn, InboxTrigger, type InboxTriggerProps, Input, type InputProps, Kbd, type KbdProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, NotificationItem, type NotificationItemData, type NotificationItemProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, PricingCard, type PricingCardProps, type PricingFeatureItem, Progress, type ProgressProps, ProgressRing, ProgressRingField, type ProgressRingFieldProps, type ProgressRingProps, type ProgressRingSize, type ProgressRingTone, ProjectCard, type ProjectCardMetric, type ProjectCardProps, type ProjectCardStatus, Radio, type RadioProps, RangeCalendar, type RangeCalendarProps, Rating, type RatingDistributionItem, RatingField, type RatingFieldProps, type RatingIconType, type RatingProps, type RatingSize, RatingSummary, type RatingSummaryProps, SectionHeader, type SectionHeaderActionsProps, type SectionHeaderAlign, type SectionHeaderDescriptionProps, type SectionHeaderHeadingLevel, type SectionHeaderKickerProps, type SectionHeaderProps, type SectionHeaderTitleProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, Separator, type SeparatorProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperList, type StepperListProps, type StepperOrientation, type StepperProps, StepperSeparator, type StepperSeparatorProps, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, Timeline, type TimelineAlign, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDot, type TimelineDotProps, type TimelineDotSize, type TimelineDotVariant, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTime, TimelineTitle, type ToastOptions, ToastProvider, type ToastTone, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, Tooltip, type TooltipProps, type UploadItem, type UploadStatus, type UseStepperOptions, type UseStepperReturn, badgeVariants, buttonVariants, cn, formatRelativeTime, hexToHsl, hslToHex, isValidHex, normalizeHex, sliderThumbCSS, useInPostScript, useInboxState, useStepper, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
2
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
+
import React__default from 'react';
|
|
4
5
|
import { VariantProps } from 'class-variance-authority';
|
|
5
6
|
|
|
6
7
|
/**
|
|
@@ -270,7 +271,7 @@ declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps
|
|
|
270
271
|
declare const AccordionTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
271
272
|
declare const AccordionContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
272
273
|
|
|
273
|
-
declare function DropdownMenu({ children, className }: {
|
|
274
|
+
declare function DropdownMenu({ children, className, }: {
|
|
274
275
|
children: React.ReactNode;
|
|
275
276
|
className?: string;
|
|
276
277
|
}): React.JSX.Element;
|
|
@@ -361,7 +362,7 @@ interface ModalProps {
|
|
|
361
362
|
showClose?: boolean;
|
|
362
363
|
}
|
|
363
364
|
/** Centered overlay dialog. Closes on backdrop click and Escape. Includes focus trap and restore. */
|
|
364
|
-
declare function Modal({ open, onClose, children, width, className, showClose }: ModalProps): React.JSX.Element;
|
|
365
|
+
declare function Modal({ open, onClose, children, width, className, showClose, }: ModalProps): React.JSX.Element;
|
|
365
366
|
declare function ModalTitle({ className, id, children, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
|
|
366
367
|
declare function ModalDescription({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.JSX.Element;
|
|
367
368
|
declare function ModalActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
@@ -485,6 +486,7 @@ declare const ErrorState: React.ForwardRefExoticComponent<ErrorStateProps & Reac
|
|
|
485
486
|
|
|
486
487
|
interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
487
488
|
variant?: "text" | "circular" | "rectangular";
|
|
489
|
+
animation?: "shimmer" | "pulse" | "none";
|
|
488
490
|
width?: string | number;
|
|
489
491
|
height?: string | number;
|
|
490
492
|
}
|
|
@@ -575,7 +577,7 @@ interface CommandPaletteProps {
|
|
|
575
577
|
items: CommandPaletteItem[];
|
|
576
578
|
placeholder?: string;
|
|
577
579
|
}
|
|
578
|
-
declare function CommandPalette({ open, onClose, items, placeholder }: CommandPaletteProps): React.JSX.Element | null;
|
|
580
|
+
declare function CommandPalette({ open, onClose, items, placeholder, }: CommandPaletteProps): React.JSX.Element | null;
|
|
579
581
|
declare namespace CommandPalette {
|
|
580
582
|
var displayName: string;
|
|
581
583
|
}
|
|
@@ -664,7 +666,7 @@ interface SeparatorProps {
|
|
|
664
666
|
className?: string;
|
|
665
667
|
}
|
|
666
668
|
/** Thin layout divider. Decorative by default; pass decorative={false} for a semantic role="separator". */
|
|
667
|
-
declare function Separator({ orientation, decorative, className }: SeparatorProps): React.JSX.Element;
|
|
669
|
+
declare function Separator({ orientation, decorative, className, }: SeparatorProps): React.JSX.Element;
|
|
668
670
|
|
|
669
671
|
interface PopoverProps {
|
|
670
672
|
/** Trigger and content elements. */
|
|
@@ -790,6 +792,8 @@ interface RangeCalendarProps {
|
|
|
790
792
|
min?: Date;
|
|
791
793
|
max?: Date;
|
|
792
794
|
disabledDates?: (date: Date) => boolean;
|
|
795
|
+
/** Force rendering 1 month instead of 2 side-by-side. */
|
|
796
|
+
singleMonth?: boolean;
|
|
793
797
|
className?: string;
|
|
794
798
|
}
|
|
795
799
|
declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -936,6 +940,7 @@ interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
936
940
|
defaultValue?: number;
|
|
937
941
|
onValueChange?: (value: number) => void;
|
|
938
942
|
orientation?: StepperOrientation;
|
|
943
|
+
responsive?: boolean;
|
|
939
944
|
linear?: boolean;
|
|
940
945
|
}
|
|
941
946
|
declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -971,6 +976,7 @@ interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
971
976
|
headerVariant?: "glass" | "solid" | "transparent";
|
|
972
977
|
paddedContent?: boolean;
|
|
973
978
|
mobileNav?: React.ReactNode;
|
|
979
|
+
bottomNav?: React.ReactNode;
|
|
974
980
|
}
|
|
975
981
|
interface AppShellBannerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
976
982
|
variant?: "primary" | "accent" | "muted";
|
|
@@ -1193,11 +1199,12 @@ interface InboxContentProps {
|
|
|
1193
1199
|
viewAllHref?: string;
|
|
1194
1200
|
viewAllLabel?: string;
|
|
1195
1201
|
emptyState?: React.ReactNode;
|
|
1202
|
+
align?: "auto" | "start" | "end";
|
|
1196
1203
|
width?: number | string;
|
|
1197
1204
|
maxHeight?: number | string;
|
|
1198
1205
|
className?: string;
|
|
1199
1206
|
}
|
|
1200
|
-
declare function InboxContent({ items, onMarkAllRead, onDismiss, viewAllHref, viewAllLabel, emptyState, width, maxHeight, className, }: InboxContentProps): React.JSX.Element | null;
|
|
1207
|
+
declare function InboxContent({ items, onMarkAllRead, onDismiss, viewAllHref, viewAllLabel, emptyState, align, width, maxHeight, className, }: InboxContentProps): React.JSX.Element | null;
|
|
1201
1208
|
|
|
1202
1209
|
declare const DEFAULT_COLOR_SWATCHES: readonly ["#EF4444", "#F97316", "#F59E0B", "#10B981", "#14B8A6", "#06B6D4", "#3B82F6", "#6366F1", "#8B5CF6", "#EC4899", "#64748B", "#1E293B"];
|
|
1203
1210
|
declare function isValidHex(hex: string): boolean;
|
|
@@ -1258,4 +1265,124 @@ interface ImageGalleryProps {
|
|
|
1258
1265
|
}
|
|
1259
1266
|
declare function ImageGallery({ images, columns, aspectRatio, maxVisible, className, thumbnailClassName, lightboxClassName, onImageClick, }: ImageGalleryProps): React.JSX.Element;
|
|
1260
1267
|
|
|
1261
|
-
|
|
1268
|
+
/** Props for the inline InPost GeoWidget map component. */
|
|
1269
|
+
interface InPostGeowidgetProps {
|
|
1270
|
+
/** InPost API Token generated in InPost Manager for your domain. Required for production map. */
|
|
1271
|
+
token?: string;
|
|
1272
|
+
/** Widget language ('pl', 'en', 'uk', 'de', 'it', 'fr'). Default 'pl'. */
|
|
1273
|
+
language?: InPostLanguage;
|
|
1274
|
+
/** Widget configuration type ('parcelCollect', 'parcelCollectPayment', 'international', 'postBuy'). Default 'parcelCollect'. */
|
|
1275
|
+
config?: InPostConfigType;
|
|
1276
|
+
/** Enable sandbox environment. Default false. */
|
|
1277
|
+
sandbox?: boolean;
|
|
1278
|
+
/** Callback triggered when user selects a parcel locker or pick-up point on the map. */
|
|
1279
|
+
onPointSelect?: (point: InPostPoint) => void;
|
|
1280
|
+
/** Callback triggered when GeoWidget finishes loading. */
|
|
1281
|
+
onReady?: () => void;
|
|
1282
|
+
/** Callback triggered on script load error. */
|
|
1283
|
+
onError?: (error: Error) => void;
|
|
1284
|
+
/** Outer container CSS class name. */
|
|
1285
|
+
className?: string;
|
|
1286
|
+
/** Inline container styles. */
|
|
1287
|
+
style?: React__default.CSSProperties;
|
|
1288
|
+
/** Custom SDK JavaScript URL. */
|
|
1289
|
+
customScriptUrl?: string;
|
|
1290
|
+
/** Custom SDK CSS URL. */
|
|
1291
|
+
customCssUrl?: string;
|
|
1292
|
+
}
|
|
1293
|
+
declare global {
|
|
1294
|
+
namespace JSX {
|
|
1295
|
+
interface IntrinsicElements {
|
|
1296
|
+
"inpost-geowidget": React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement> & {
|
|
1297
|
+
token?: string;
|
|
1298
|
+
language?: string;
|
|
1299
|
+
config?: string;
|
|
1300
|
+
sandbox?: string | boolean;
|
|
1301
|
+
onpointselect?: string;
|
|
1302
|
+
}, HTMLElement>;
|
|
1303
|
+
}
|
|
1304
|
+
}
|
|
1305
|
+
}
|
|
1306
|
+
declare const InPostGeowidget: React__default.FC<InPostGeowidgetProps>;
|
|
1307
|
+
|
|
1308
|
+
/** Props for the InPost GeoWidget Modal checkout component. */
|
|
1309
|
+
interface InPostGeowidgetModalProps {
|
|
1310
|
+
/** Currently selected point object or point code string (e.g. 'WAW01M'). */
|
|
1311
|
+
value?: InPostPoint | string | null;
|
|
1312
|
+
/** Callback triggered when point is selected on the map. */
|
|
1313
|
+
onSelect?: (point: InPostPoint) => void;
|
|
1314
|
+
/** Trigger button label. Default 'Wybierz Paczkomat®'. */
|
|
1315
|
+
triggerText?: string;
|
|
1316
|
+
/** Modal header title. Default 'Wybierz punkt odbioru InPost'. */
|
|
1317
|
+
modalTitle?: string;
|
|
1318
|
+
/** Disable trigger button. Default false. */
|
|
1319
|
+
disabled?: boolean;
|
|
1320
|
+
/** Controlled open state of the modal. */
|
|
1321
|
+
open?: boolean;
|
|
1322
|
+
/** Callback when open state changes. */
|
|
1323
|
+
onOpenChange?: (open: boolean) => void;
|
|
1324
|
+
/** Show selected point badge under trigger button. Default true. */
|
|
1325
|
+
showSelectedBadge?: boolean;
|
|
1326
|
+
/** Outer container CSS class name. */
|
|
1327
|
+
className?: string;
|
|
1328
|
+
/** Trigger button style variant ('primary', 'secondary', 'outline', 'ghost', 'danger'). Default 'outline'. */
|
|
1329
|
+
buttonVariant?: "primary" | "secondary" | "outline" | "ghost" | "danger";
|
|
1330
|
+
/** Trigger button size ('sm', 'md', 'lg'). Default 'md'. */
|
|
1331
|
+
buttonSize?: "sm" | "md" | "lg";
|
|
1332
|
+
/** InPost API Token (optional for sandbox). */
|
|
1333
|
+
token?: string;
|
|
1334
|
+
/** Widget language ('pl', 'en', 'uk', 'de', 'it', 'fr'). Default 'pl'. */
|
|
1335
|
+
language?: InPostLanguage;
|
|
1336
|
+
/** Widget configuration type ('parcelCollect', 'parcelCollectPayment', 'international', 'postBuy'). Default 'parcelCollect'. */
|
|
1337
|
+
config?: InPostConfigType;
|
|
1338
|
+
/** Enable sandbox environment. Default false. */
|
|
1339
|
+
sandbox?: boolean;
|
|
1340
|
+
/** Custom SDK JavaScript URL. */
|
|
1341
|
+
customScriptUrl?: string;
|
|
1342
|
+
/** Custom SDK CSS URL. */
|
|
1343
|
+
customCssUrl?: string;
|
|
1344
|
+
}
|
|
1345
|
+
declare const InPostGeowidgetModal: React__default.FC<InPostGeowidgetModalProps>;
|
|
1346
|
+
|
|
1347
|
+
interface InPostAddressDetails {
|
|
1348
|
+
city: string;
|
|
1349
|
+
street: string;
|
|
1350
|
+
building_number: string;
|
|
1351
|
+
post_code: string;
|
|
1352
|
+
province?: string;
|
|
1353
|
+
}
|
|
1354
|
+
interface InPostLocation {
|
|
1355
|
+
latitude: number;
|
|
1356
|
+
longitude: number;
|
|
1357
|
+
}
|
|
1358
|
+
interface InPostPoint {
|
|
1359
|
+
name: string;
|
|
1360
|
+
address: {
|
|
1361
|
+
line1: string;
|
|
1362
|
+
line2: string;
|
|
1363
|
+
};
|
|
1364
|
+
address_details: InPostAddressDetails;
|
|
1365
|
+
location: InPostLocation;
|
|
1366
|
+
type: string[] | string;
|
|
1367
|
+
status: string;
|
|
1368
|
+
location_description?: string;
|
|
1369
|
+
opening_hours?: string;
|
|
1370
|
+
payment_point_descr?: string;
|
|
1371
|
+
functions?: string[];
|
|
1372
|
+
[key: string]: unknown;
|
|
1373
|
+
}
|
|
1374
|
+
type InPostLanguage = "pl" | "en" | "uk" | "de" | "it" | "fr";
|
|
1375
|
+
type InPostConfigType = "parcelCollect" | "parcelCollectPayment" | "international" | "postBuy" | string;
|
|
1376
|
+
interface UseInPostScriptOptions {
|
|
1377
|
+
sandbox?: boolean;
|
|
1378
|
+
customScriptUrl?: string;
|
|
1379
|
+
customCssUrl?: string;
|
|
1380
|
+
}
|
|
1381
|
+
interface UseInPostScriptResult {
|
|
1382
|
+
isLoaded: boolean;
|
|
1383
|
+
error: Error | null;
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1386
|
+
declare function useInPostScript(options?: UseInPostScriptOptions): UseInPostScriptResult;
|
|
1387
|
+
|
|
1388
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, Alert, type AlertProps, AppShell, AppShellBanner, type AppShellBannerProps, AppShellFooter, type AppShellFooterProps, AppShellHeader, type AppShellHeaderProps, AppShellMain, type AppShellMainProps, type AppShellProps, Avatar, AvatarGroup, type AvatarProps, Badge, type BadgeProps, BlogCard, type BlogCardAuthor, type BlogCardProps, BottomNavigation, type BottomNavigationItem, type BottomNavigationProps, BottomSheet, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, type BottomSheetProps, BottomSheetTitle, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbSeparator, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, CheckboxField, type CheckboxFieldProps, type CheckboxProps, CodeBlock, type CodeBlockProps, ColorPicker, ColorPickerField, type ColorPickerFieldProps, type ColorPickerProps, ColorPickerSwatch, type ColorPickerSwatchProps, Combobox, ComboboxField, type ComboboxFieldProps, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteItem, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, DEFAULT_COLOR_SWATCHES, DashboardShell, type DashboardShellProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, DatePickerField, type DatePickerFieldProps, type DatePickerProps, type DateRange, DateRangePicker, DateRangePickerField, type DateRangePickerFieldProps, type DateRangePickerProps, DetailPageLayout, type DetailPageLayoutProps, Drawer, type DrawerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTrigger, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Fab, type FabProps, Field, type FileRejection, FileUpload, FileUploadField, type FileUploadFieldProps, type FileUploadProps, FormField, type FormFieldProps, type GalleryImage, Hint, type HintProps, ImageGallery, type ImageGalleryProps, InPostGeowidget, InPostGeowidgetModal, type InPostGeowidgetModalProps, type InPostGeowidgetProps, type InPostPoint, InboxContent, type InboxContentProps, InboxPopover, type InboxPopoverProps, type InboxStateReturn, InboxTrigger, type InboxTriggerProps, Input, type InputProps, Kbd, type KbdProps, Label, type LabelProps, MetricCard, type MetricCardProps, Modal, ModalActions, ModalDescription, type ModalProps, ModalTitle, NotificationItem, type NotificationItemData, type NotificationItemProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, PricingCard, type PricingCardProps, type PricingFeatureItem, Progress, type ProgressProps, ProgressRing, ProgressRingField, type ProgressRingFieldProps, type ProgressRingProps, type ProgressRingSize, type ProgressRingTone, ProjectCard, type ProjectCardMetric, type ProjectCardProps, type ProjectCardStatus, Radio, type RadioProps, RangeCalendar, type RangeCalendarProps, Rating, type RatingDistributionItem, RatingField, type RatingFieldProps, type RatingIconType, type RatingProps, type RatingSize, RatingSummary, type RatingSummaryProps, SectionHeader, type SectionHeaderActionsProps, type SectionHeaderAlign, type SectionHeaderDescriptionProps, type SectionHeaderHeadingLevel, type SectionHeaderKickerProps, type SectionHeaderProps, type SectionHeaderTitleProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectField, type SelectFieldProps, type SelectProps, Separator, type SeparatorProps, SettingsLayout, type SettingsLayoutProps, SidebarNav, type SidebarNavGroup, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stat, type StatProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, StepperList, type StepperListProps, type StepperOrientation, type StepperProps, StepperSeparator, type StepperSeparatorProps, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, Switch, type SwitchProps, Table, TableBody, TableCell, type TableCellProps, TableHead, TableHeader, TableRow, TableToolbar, type TableToolbarProps, TableWrap, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsProps, TabsTrigger, type TabsTriggerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, Timeline, type TimelineAlign, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDot, type TimelineDotProps, type TimelineDotSize, type TimelineDotVariant, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, TimelineTime, TimelineTitle, type ToastOptions, ToastProvider, type ToastTone, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, Tooltip, type TooltipProps, type UploadItem, type UploadStatus, type UseStepperOptions, type UseStepperReturn, badgeVariants, buttonVariants, cn, formatRelativeTime, hexToHsl, hslToHex, isValidHex, normalizeHex, sliderThumbCSS, useInPostScript, useInboxState, useStepper, useToast };
|