@bothub-chat/ui 2.61.1 → 2.62.0-feat-add-spend-money-icon-4076a63c-14b6-4e6e-96b3-fcbb1f34e4a6
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 +23 -23
- package/dist/components/avatar/index.js +1 -1
- package/dist/components/dropzone-field/index.js +1 -1
- package/dist/components/file-field/index.js +1 -1
- package/dist/components/file-icon/index.js +1 -1
- package/dist/components/footer/index.js +1 -1
- package/dist/components/footer/mobile/index.js +1 -1
- package/dist/components/header/index.js +1 -1
- package/dist/components/header/menu-nav/config.js +1 -1
- package/dist/components/header/menu-nav/index.js +1 -1
- package/dist/components/header/menu-nav/styled.js +2 -2
- package/dist/components/header/multi-level-menu/multi-level-menu-accordion/ui/styled.js +1 -1
- package/dist/components/header/multi-level-menu/multi-level-menu-first-level/ui/styled.js +1 -1
- package/dist/components/header/multi-level-menu/styled.js +1 -1
- package/dist/components/input-message/index.js +1 -1
- package/dist/components/input-message/input-files.js +1 -1
- package/dist/components/lang-switcher/styled.js +1 -1
- package/dist/components/message/actions/index.js +1 -1
- package/dist/components/message/index.js +1 -1
- package/dist/components/message/scroll-button/styled.js +1 -1
- package/dist/components/message/video/index.js +1 -1
- package/dist/components/modal/index.d.ts +3 -1
- package/dist/components/modal/index.js +1 -1
- package/dist/components/pagination/styled.js +1 -1
- package/dist/components/select-field/select-modal/index.js +1 -1
- package/dist/components/select-field/select-modal/option/checkbox-group/styled.js +1 -1
- package/dist/components/select-field/select-modal/option/list/index.js +1 -1
- package/dist/components/select-field/styled.js +3 -3
- package/dist/components/select-field/types.d.ts +1 -1
- package/dist/components/select-field/useSelectField.d.ts +1 -1
- package/dist/components/select-field/useSelectField.js +1 -1
- package/dist/components/sidebar/chat/index.js +1 -1
- package/dist/components/sidebar/chat/styled.js +2 -2
- package/dist/components/sidebar/group/index.js +1 -1
- package/dist/components/sidebar/group/styled.js +1 -1
- package/dist/components/sidebar/index.js +1 -1
- package/dist/components/sidebar/toggle-button/index.js +1 -1
- package/dist/components/sidebar/user-info/index.js +1 -1
- package/dist/components/sidebar/user-info/skeleton.js +1 -1
- package/dist/components/slider/index.js +1 -1
- package/dist/components/stepper/styled.js +1 -1
- package/dist/components/switcher-select/index.js +1 -1
- package/dist/components/switcher-select/styled.d.ts +284 -4
- package/dist/components/switcher-select/styled.js +1 -1
- package/dist/components/tariff/card/styled.js +2 -2
- package/dist/components/text-field/index.js +1 -1
- package/dist/components/uploaded-file/index.js +1 -1
- package/dist/components/uploaded-file/styled.js +1 -1
- package/dist/icons/brain-black/index.d.ts +1 -0
- package/dist/icons/brain-black/index.js +1 -0
- package/dist/icons/chat-doc/index.d.ts +1 -0
- package/dist/icons/chat-doc/index.js +1 -0
- package/dist/icons/csv/index.d.ts +1 -0
- package/dist/icons/csv/index.js +1 -0
- package/dist/icons/index.d.ts +11 -0
- package/dist/icons/money-minus/index.d.ts +1 -0
- package/dist/icons/money-minus/index.js +1 -0
- package/dist/icons/money-spend/index.d.ts +1 -0
- package/dist/icons/money-spend/index.js +1 -0
- package/dist/icons/pdf-black/index.d.ts +1 -0
- package/dist/icons/pdf-black/index.js +1 -0
- package/dist/icons/txt-black/index.d.ts +1 -0
- package/dist/icons/txt-black/index.js +1 -0
- package/dist/icons/word-black/index.d.ts +1 -0
- package/dist/icons/word-black/index.js +1 -0
- package/dist/icons/workspace/index.d.ts +1 -0
- package/dist/icons/workspace/index.js +1 -0
- package/dist/icons/xls-black/index.d.ts +1 -0
- package/dist/icons/xls-black/index.js +1 -0
- package/dist/index.js +1 -1
- package/package.json +71 -71
|
@@ -572,7 +572,287 @@ export declare const SwitcherOption: import("styled-components").IStyledComponen
|
|
|
572
572
|
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
573
573
|
ref?: import("react").Ref<HTMLSpanElement> | undefined;
|
|
574
574
|
}>;
|
|
575
|
-
export declare const SwitcherSlider: import("styled-components").IStyledComponent<"web",
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
575
|
+
export declare const SwitcherSlider: import("styled-components").IStyledComponent<"web", {
|
|
576
|
+
ref?: import("react").Ref<HTMLDivElement> | undefined;
|
|
577
|
+
key?: import("react").Key | null | undefined;
|
|
578
|
+
defaultChecked?: boolean | undefined | undefined;
|
|
579
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
580
|
+
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
581
|
+
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
582
|
+
accessKey?: string | undefined | undefined;
|
|
583
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
584
|
+
autoFocus?: boolean | undefined | undefined;
|
|
585
|
+
className?: string | undefined | undefined;
|
|
586
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
587
|
+
contextMenu?: string | undefined | undefined;
|
|
588
|
+
dir?: string | undefined | undefined;
|
|
589
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
590
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
591
|
+
hidden?: boolean | undefined | undefined;
|
|
592
|
+
id?: string | undefined | undefined;
|
|
593
|
+
lang?: string | undefined | undefined;
|
|
594
|
+
nonce?: string | undefined | undefined;
|
|
595
|
+
slot?: string | undefined | undefined;
|
|
596
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
597
|
+
style?: import("react").CSSProperties | undefined;
|
|
598
|
+
tabIndex?: number | undefined | undefined;
|
|
599
|
+
title?: string | undefined | undefined;
|
|
600
|
+
translate?: "yes" | "no" | undefined | undefined;
|
|
601
|
+
radioGroup?: string | undefined | undefined;
|
|
602
|
+
role?: import("react").AriaRole | undefined;
|
|
603
|
+
about?: string | undefined | undefined;
|
|
604
|
+
content?: string | undefined | undefined;
|
|
605
|
+
datatype?: string | undefined | undefined;
|
|
606
|
+
inlist?: any;
|
|
607
|
+
prefix?: string | undefined | undefined;
|
|
608
|
+
property?: string | undefined | undefined;
|
|
609
|
+
rel?: string | undefined | undefined;
|
|
610
|
+
resource?: string | undefined | undefined;
|
|
611
|
+
rev?: string | undefined | undefined;
|
|
612
|
+
typeof?: string | undefined | undefined;
|
|
613
|
+
vocab?: string | undefined | undefined;
|
|
614
|
+
autoCorrect?: string | undefined | undefined;
|
|
615
|
+
autoSave?: string | undefined | undefined;
|
|
616
|
+
color?: string | undefined | undefined;
|
|
617
|
+
itemProp?: string | undefined | undefined;
|
|
618
|
+
itemScope?: boolean | undefined | undefined;
|
|
619
|
+
itemType?: string | undefined | undefined;
|
|
620
|
+
itemID?: string | undefined | undefined;
|
|
621
|
+
itemRef?: string | undefined | undefined;
|
|
622
|
+
results?: number | undefined | undefined;
|
|
623
|
+
security?: string | undefined | undefined;
|
|
624
|
+
unselectable?: "on" | "off" | undefined | undefined;
|
|
625
|
+
popover?: "" | "auto" | "manual" | undefined | undefined;
|
|
626
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
|
|
627
|
+
popoverTarget?: string | undefined | undefined;
|
|
628
|
+
inert?: boolean | undefined | undefined;
|
|
629
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
630
|
+
is?: string | undefined | undefined;
|
|
631
|
+
exportparts?: string | undefined | undefined;
|
|
632
|
+
part?: string | undefined | undefined;
|
|
633
|
+
"aria-activedescendant"?: string | undefined | undefined;
|
|
634
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
635
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
636
|
+
"aria-braillelabel"?: string | undefined | undefined;
|
|
637
|
+
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
638
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
639
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
640
|
+
"aria-colcount"?: number | undefined | undefined;
|
|
641
|
+
"aria-colindex"?: number | undefined | undefined;
|
|
642
|
+
"aria-colindextext"?: string | undefined | undefined;
|
|
643
|
+
"aria-colspan"?: number | undefined | undefined;
|
|
644
|
+
"aria-controls"?: string | undefined | undefined;
|
|
645
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
646
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
647
|
+
"aria-description"?: string | undefined | undefined;
|
|
648
|
+
"aria-details"?: string | undefined | undefined;
|
|
649
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
650
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
651
|
+
"aria-errormessage"?: string | undefined | undefined;
|
|
652
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
653
|
+
"aria-flowto"?: string | undefined | undefined;
|
|
654
|
+
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
655
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
656
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
657
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
658
|
+
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
659
|
+
"aria-label"?: string | undefined | undefined;
|
|
660
|
+
"aria-labelledby"?: string | undefined | undefined;
|
|
661
|
+
"aria-level"?: number | undefined | undefined;
|
|
662
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
663
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
664
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
665
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
666
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
667
|
+
"aria-owns"?: string | undefined | undefined;
|
|
668
|
+
"aria-placeholder"?: string | undefined | undefined;
|
|
669
|
+
"aria-posinset"?: number | undefined | undefined;
|
|
670
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
671
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
672
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
673
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
674
|
+
"aria-roledescription"?: string | undefined | undefined;
|
|
675
|
+
"aria-rowcount"?: number | undefined | undefined;
|
|
676
|
+
"aria-rowindex"?: number | undefined | undefined;
|
|
677
|
+
"aria-rowindextext"?: string | undefined | undefined;
|
|
678
|
+
"aria-rowspan"?: number | undefined | undefined;
|
|
679
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
680
|
+
"aria-setsize"?: number | undefined | undefined;
|
|
681
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
682
|
+
"aria-valuemax"?: number | undefined | undefined;
|
|
683
|
+
"aria-valuemin"?: number | undefined | undefined;
|
|
684
|
+
"aria-valuenow"?: number | undefined | undefined;
|
|
685
|
+
"aria-valuetext"?: string | undefined | undefined;
|
|
686
|
+
children?: import("react").ReactNode;
|
|
687
|
+
dangerouslySetInnerHTML?: {
|
|
688
|
+
__html: string | TrustedHTML;
|
|
689
|
+
} | undefined | undefined;
|
|
690
|
+
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
691
|
+
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
692
|
+
onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
693
|
+
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
694
|
+
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
695
|
+
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
696
|
+
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
697
|
+
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
698
|
+
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
699
|
+
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
700
|
+
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
701
|
+
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
702
|
+
onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
703
|
+
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
704
|
+
onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
705
|
+
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
706
|
+
onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
707
|
+
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
708
|
+
onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
|
|
709
|
+
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
710
|
+
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
711
|
+
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
712
|
+
onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
713
|
+
onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
714
|
+
onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
715
|
+
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
716
|
+
onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
717
|
+
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
718
|
+
onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
719
|
+
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
720
|
+
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
721
|
+
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
722
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
723
|
+
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
724
|
+
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
725
|
+
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
726
|
+
onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
727
|
+
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
728
|
+
onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
729
|
+
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
730
|
+
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
731
|
+
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
732
|
+
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
733
|
+
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
734
|
+
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
735
|
+
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
736
|
+
onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
737
|
+
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
738
|
+
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
739
|
+
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
740
|
+
onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
741
|
+
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
742
|
+
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
743
|
+
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
744
|
+
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
745
|
+
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
746
|
+
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
747
|
+
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
748
|
+
onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
749
|
+
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
750
|
+
onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
751
|
+
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
752
|
+
onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
753
|
+
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
754
|
+
onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
755
|
+
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
756
|
+
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
757
|
+
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
758
|
+
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
759
|
+
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
760
|
+
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
761
|
+
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
762
|
+
onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
763
|
+
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
764
|
+
onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
765
|
+
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
766
|
+
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
767
|
+
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
768
|
+
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
769
|
+
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
770
|
+
onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
771
|
+
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
772
|
+
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
773
|
+
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
774
|
+
onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
775
|
+
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
776
|
+
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
777
|
+
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
778
|
+
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
779
|
+
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
780
|
+
onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
781
|
+
onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
782
|
+
onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
783
|
+
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
784
|
+
onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
785
|
+
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
786
|
+
onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
787
|
+
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
788
|
+
onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
789
|
+
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
790
|
+
onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
791
|
+
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
792
|
+
onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
793
|
+
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
794
|
+
onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
795
|
+
onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
796
|
+
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
797
|
+
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
798
|
+
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
799
|
+
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
800
|
+
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
801
|
+
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
802
|
+
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
803
|
+
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
804
|
+
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
805
|
+
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
806
|
+
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
807
|
+
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
808
|
+
onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
809
|
+
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
810
|
+
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
811
|
+
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
812
|
+
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
813
|
+
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
814
|
+
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
815
|
+
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
816
|
+
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
817
|
+
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
818
|
+
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
819
|
+
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
820
|
+
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
821
|
+
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
822
|
+
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
823
|
+
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
824
|
+
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
825
|
+
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
826
|
+
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
827
|
+
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
828
|
+
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
829
|
+
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
830
|
+
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
831
|
+
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
832
|
+
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
833
|
+
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
834
|
+
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
835
|
+
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
836
|
+
onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
837
|
+
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
838
|
+
onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
839
|
+
onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
840
|
+
onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
841
|
+
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
842
|
+
onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
843
|
+
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
844
|
+
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
845
|
+
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
846
|
+
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
847
|
+
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
848
|
+
onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
|
|
849
|
+
onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
|
|
850
|
+
onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
851
|
+
onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
852
|
+
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
853
|
+
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
854
|
+
onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
855
|
+
onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
856
|
+
onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
857
|
+
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
858
|
+
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o}from"styled-components";import{Typography as
|
|
1
|
+
import{styled as o}from"styled-components";import{Typography as e}from"../typography/index.js";const t=o.div.withConfig({displayName:"styled__SwitcherContainer",componentId:"sc-194ajzh-0"})(["display:inline-flex;position:relative;background-color:",";border-radius:25px;padding:2px 4px;width:fit-content;"],({theme:o})=>o.colors.grayScale.gray3),i=o(e).attrs({forwardedAs:"button",variant:"button-sm"}).withConfig({displayName:"styled__SwitcherOption",componentId:"sc-194ajzh-1"})(["position:relative;z-index:2;padding:2px 12px;cursor:pointer;user-select:none;font-size:14px;background-color:transparent;color:",";transition:color 0.3s ease;border-radius:20px;white-space:nowrap;outline:none;"],({theme:o})=>o.colors.base.white),r=o.div.withConfig({displayName:"styled__SwitcherSlider",componentId:"sc-194ajzh-2"})(["position:absolute;top:4px;height:calc(100% - 8px);background-color:",";border-radius:20px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);"],({theme:o})=>o.colors.accent.primary);export{t as SwitcherContainer,i as SwitcherOption,r as SwitcherSlider};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{styled as i,css as o}from"styled-components";import{Typography as s}from"../../typography/index.js";import{Badge as n}from"../../badge/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as e}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"tslib";import{Button as r}from"../../button/index.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as t}from"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"react/jsx-runtime";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import{StarUnfilledIcon as d}from"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";const c=i.div.withConfig({displayName:"styled__TariffCardIsPopular",componentId:"sc-1arr04b-0"})(["display:flex;flex-direction:column;grid-area:",";height:100%;",""],({$variant:i})=>i,({$active:i})=>i&&o`
|
|
1
|
+
import{styled as i,css as o}from"styled-components";import{Typography as s}from"../../typography/index.js";import{Badge as n}from"../../badge/index.js";import"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import{colorToRgba as e}from"../../../utils/colors/colorToRgba.js";import"../../../utils/colors/calculateGrayScale.js";import"../../../utils/colors/calculateAccentColors.js";import"tslib";import{Button as r}from"../../button/index.js";import"../../../icons/arrow-down/index.js";import"../../../icons/arrow-narrow-left/index.js";import{ArrowNarrowRightIcon as t}from"../../../icons/arrow-narrow-right/index.js";import"../../../icons/arrow-up/index.js";import"../../../icons/bitcoin/index.js";import"../../../icons/bot-circle/index.js";import"../../../icons/bothub-agg/index.js";import"../../../icons/business-colored/index.js";import"../../../icons/check-circle/index.js";import"../../../icons/close/index.js";import"../../../icons/email-circle/index.js";import"../../../icons/language/index.js";import"../../../icons/lock-circle/index.js";import"../../../icons/menu/index.js";import"../../../icons/medium-circle/index.js";import"../../../icons/tg-circle/index.js";import"../../../icons/tg-colored/index.js";import"../../../icons/youcassa/index.js";import"../../../icons/dashboard/index.js";import"../../../icons/user-profile/index.js";import"../../../icons/logout/index.js";import"react/jsx-runtime";import"../../../icons/habr-2/index.js";import"../../../icons/arrow-2-down/index.js";import"../../../icons/links/index.js";import"../../../icons/free/index.js";import"../../../icons/hotness/index.js";import"../../../icons/checked/index.js";import"../../../icons/ai/index.js";import"../../../icons/bookmarks/index.js";import"../../../icons/bookmarks-big/index.js";import"../../../icons/chat/index.js";import"../../../icons/chats/index.js";import"../../../icons/coder/index.js";import"../../../icons/copy/index.js";import"../../../icons/edit/index.js";import"../../../icons/presets-big/index.js";import"../../../icons/referal/index.js";import"../../../icons/restore/index.js";import"../../../icons/tariff/index.js";import"../../../icons/trash/index.js";import"../../../icons/update/index.js";import"../../../icons/menu-dot/index.js";import"../../../icons/plus-2/index.js";import"../../../icons/plus-1/index.js";import"../../../icons/send/index.js";import"../../../icons/settings/index.js";import"../../../icons/habr/index.js";import"../../../icons/check-small/index.js";import"../../../icons/stop/index.js";import"../../../icons/thumb-up/index.js";import"../../../icons/thumb-down/index.js";import"../../../icons/star/index.js";import"../../../icons/info-big/index.js";import"../../../icons/warning-big/index.js";import"../../../icons/error-big/index.js";import"../../../icons/success-big/index.js";import"../../../icons/mj/index.js";import"../../../icons/card/index.js";import"../../../icons/arrow-narrow-up/index.js";import"../../../icons/arrow-narrow-down/index.js";import"../../../icons/filters/index.js";import"../../../icons/info/index.js";import"../../../icons/search-circle/index.js";import"../../../icons/save/index.js";import"../../../icons/light/index.js";import"../../../icons/dark/index.js";import"../../../icons/email-colored/index.js";import"../../../icons/action-chat/index.js";import"../../../icons/attach/index.js";import"../../../icons/avatar-add/index.js";import"../../../icons/brush/index.js";import"../../../icons/calendar/index.js";import"../../../icons/claude/index.js";import"../../../icons/cookie/index.js";import"../../../icons/dalle/index.js";import"../../../icons/download-img/index.js";import"../../../icons/error/index.js";import"../../../icons/expand/index.js";import"../../../icons/eye/index.js";import"../../../icons/face/index.js";import"../../../icons/gear/index.js";import"../../../icons/gear-min/index.js";import"../../../icons/generation/index.js";import"../../../icons/gpt-3_5/index.js";import"../../../icons/gpt-4/index.js";import"../../../icons/imagine/index.js";import"../../../icons/imagine-2/index.js";import"../../../icons/loader/index.js";import"../../../icons/loader-circular/index.js";import"../../../icons/loader-circular-gradient/index.js";import"../../../icons/loader-circular-gradient-2/index.js";import"../../../icons/minus/index.js";import"../../../icons/mj-white/index.js";import"../../../icons/prompt/index.js";import"../../../icons/rabbit/index.js";import"../../../icons/ratio-1x1/index.js";import"../../../icons/ratio-2x3/index.js";import"../../../icons/ratio-3x2/index.js";import"../../../icons/ratio-4x5/index.js";import"../../../icons/ratio-4x7/index.js";import"../../../icons/ratio-5x4/index.js";import"../../../icons/ratio-7x4/index.js";import"../../../icons/ratio-16x9/index.js";import"../../../icons/ratio-9x16/index.js";import"../../../icons/ratio-21x9/index.js";import"../../../icons/ratio-9x21/index.js";import"../../../icons/refferal-min/index.js";import"../../../icons/search-data/index.js";import"../../../icons/square/index.js";import"../../../icons/turtle/index.js";import"../../../icons/upscale/index.js";import"../../../icons/withdraw/index.js";import"../../../icons/search-plus/index.js";import"../../../icons/lightning/index.js";import"../../../icons/blog-circle/index.js";import"../../../icons/stripe/index.js";import"../../../icons/corporate/index.js";import"../../../icons/public/index.js";import"../../../icons/private/index.js";import"../../../icons/mistral/index.js";import"../../../icons/gemini/index.js";import"../../../icons/search-simple/index.js";import"../../../icons/sad-robot/index.js";import"../../../icons/model/index.js";import"../../../icons/phone-colored/index.js";import"../../../icons/questions/index.js";import"../../../icons/pdf-big/index.js";import"../../../icons/xls-big/index.js";import"../../../icons/word-big/index.js";import"../../../icons/txt-big/index.js";import"../../../icons/pdf/index.js";import"../../../icons/xls/index.js";import"../../../icons/word/index.js";import"../../../icons/txt/index.js";import"../../../icons/bothub-logo-gradient/index.js";import"../../../icons/telegram-logo-gradient/index.js";import"../../../icons/decline-circle/index.js";import"../../../icons/simple-gear-bg/index.js";import"../../../icons/advanced-filter/index.js";import"../../../icons/big-corporate/index.js";import"../../../icons/big-mj/index.js";import"../../../icons/big-models/index.js";import"../../../icons/big-stats/index.js";import"../../../icons/big-success/index.js";import"../../../icons/big-users/index.js";import"../../../icons/optional-presets/index.js";import"../../../icons/wallet-withdraw/index.js";import"../../../icons/big-presets/index.js";import"../../../icons/big-favorite/index.js";import"../../../icons/big-referal/index.js";import"../../../icons/attach-file/index.js";import"../../../icons/attach-file-big/index.js";import"../../../icons/voice/index.js";import"../../../icons/play-button/index.js";import"../../../icons/pause-button/index.js";import"../../../icons/text-read/index.js";import"../../../icons/text-hide/index.js";import"../../../icons/best-chat-bots/index.js";import"../../../icons/upload/index.js";import"../../../icons/enter/index.js";import"../../../icons/discord/index.js";import"../../../icons/discord-circle/index.js";import"../../../icons/black-forest-labs/index.js";import"../../../icons/flux/index.js";import"../../../icons/stable-diffusion/index.js";import"../../../icons/stability-ai/index.js";import"../../../icons/article-generator/index.js";import"../../../icons/success/index.js";import"../../../icons/google/index.js";import"../../../icons/yandex/index.js";import"../../../icons/vk/index.js";import"../../../icons/resend/index.js";import"../../../icons/big-article/index.js";import"../../../icons/add-chat/index.js";import"../../../icons/add-group/index.js";import"../../../icons/drag-dot/index.js";import"../../../icons/add-folder/index.js";import"../../../icons/temp-chat/index.js";import"../../../icons/delete-chat/index.js";import"../../../icons/sidebar-chat/index.js";import"../../../icons/organization/index.js";import"../../../icons/simple-gear/index.js";import"../../../icons/text-bold/index.js";import"../../../icons/text-italic/index.js";import"../../../icons/text-underline/index.js";import"../../../icons/text-strikethrough/index.js";import"../../../icons/refresh/index.js";import"../../../icons/copy-variants/index.js";import"../../../icons/sort-ascending/index.js";import"../../../icons/sort-descending/index.js";import"../../../icons/quote/index.js";import"../../../icons/url-circle/index.js";import"../../../icons/show-ui/index.js";import"../../../icons/hide-ui/index.js";import"../../../icons/sort-user/index.js";import"../../../icons/happy-robot/index.js";import"../../../icons/happy-robot-gradient/index.js";import"../../../icons/min-window/index.js";import"../../../icons/max-window/index.js";import"../../../icons/manage-chat/index.js";import"../../../icons/analyze-urls/index.js";import"../../../icons/web-search/index.js";import"../../../icons/include-context/index.js";import"../../../icons/queue/index.js";import"../../../icons/sort-alphabet-ascending/index.js";import"../../../icons/sort-alphabet-descending/index.js";import"../../../icons/sort-date-ascending/index.js";import"../../../icons/sort-date-descending/index.js";import"../../../icons/cot-r1/index.js";import"../../../icons/news/index.js";import"../../../icons/volume/index.js";import"../../../icons/flag-ru/index.js";import"../../../icons/flag-kz/index.js";import"../../../icons/print/index.js";import"../../../icons/pc-icon-1/index.js";import"../../../icons/pc-icon-2/index.js";import"../../../icons/pc-icon-3/index.js";import{StarUnfilledIcon as d}from"../../../icons/star-unfilled/index.js";import"../../../icons/image-generation/index.js";import"../../../icons/speech-synthesys/index.js";import"../../../icons/transcription/index.js";import"../../../icons/text-rewrite/index.js";import"../../../icons/code-generation/index.js";import"../../../icons/essay-generation/index.js";import"../../../icons/spelling/index.js";import"../../../icons/text-generation/index.js";import"../../../icons/traffic-analisys/index.js";import"../../../icons/fav-profile/index.js";import"../../../icons/exclamation/index.js";import"../../../icons/article/index.js";import"../../../icons/setchel/index.js";import"../../../icons/assembly/index.js";import"../../../icons/data-visualisation/index.js";import"../../../icons/document-analisys/index.js";import"../../../icons/problem-solvment/index.js";import"../../../icons/setting-analisys/index.js";import"../../../icons/translation/index.js";import"../../../icons/stars/index.js";import"../../../icons/academy/index.js";import"../../../icons/articles/index.js";import"../../../icons/blog-post/index.js";import"../../../icons/book/index.js";import"../../../icons/bow-tie/index.js";import"../../../icons/case-study/index.js";import"../../../icons/comments/index.js";import"../../../icons/guide/index.js";import"../../../icons/marketing/index.js";import"../../../icons/post/index.js";import"../../../icons/report/index.js";import"../../../icons/review/index.js";import"../../../icons/scientific-article/index.js";import"../../../icons/selling-text/index.js";import"../../../icons/textbook/index.js";import"../../../icons/wind/index.js";import"../../../icons/grok/index.js";import"../../../icons/deepseek/index.js";import"../../../icons/grid-horizontal/index.js";import"../../../icons/grid-vertical/index.js";import"../../../icons/star-gradient/index.js";import"../../../icons/qwen/index.js";import"../../../icons/sidebar-toggle-left/index.js";import"../../../icons/sidebar-toggle-right/index.js";import"../../../icons/system/index.js";import"../../../icons/selector/index.js";import"../../../icons/video-camera/index.js";import"../../../icons/music-note/index.js";import"../../../icons/add-profile/index.js";import"../../../icons/token-counter/index.js";import"../../../icons/customer-support/index.js";import"../../../icons/sort-alphabet-top-bottom/index.js";import"../../../icons/sort-alphabet-bottom-top/index.js";import"../../../icons/pause/index.js";import"../../../icons/play/index.js";import"../../../icons/restore-2/index.js";import"../../../icons/video-generation/index.js";import"../../../icons/veo-model/index.js";import"../../../icons/runway/index.js";import"../../../icons/queue-select/index.js";import"../../../icons/apple/index.js";import"../../../icons/mail-colored/index.js";import"../../../icons/shield/index.js";import"../../../icons/stars-gradient/index.js";import"../../../icons/fire/index.js";import"../../../icons/brain/index.js";import"../../../icons/mj-purple/index.js";import"../../../icons/claude-black/index.js";import"../../../icons/vk-filled/index.js";import"../../../icons/tg/index.js";import"../../../icons/gift/index.js";import"../../../icons/exchange/index.js";import"../../../icons/time/index.js";import"../../../icons/folder/index.js";import"../../../icons/history/index.js";import"../../../icons/money-plus/index.js";import"../../../icons/money-stack/index.js";import"../../../icons/sort-numeric-bottom/index.js";import"../../../icons/sort-numeric-top/index.js";import"../../../icons/bulb/index.js";import"../../../icons/prompt-queue/index.js";import"../../../icons/image/index.js";import"../../../icons/text/index.js";import"../../../icons/code/index.js";import"../../../icons/blue-grok/index.js";import"../../../icons/double-image/index.js";import"../../../icons/pdf-black/index.js";import"../../../icons/csv/index.js";import"../../../icons/xls-black/index.js";import"../../../icons/word-black/index.js";import"../../../icons/brain-black/index.js";import"../../../icons/txt-black/index.js";import"../../../icons/workspace/index.js";import"../../../icons/chat-doc/index.js";import"../../../icons/money-spend/index.js";import"../../../icons/money-minus/index.js";const c=i.div.withConfig({displayName:"styled__TariffCardIsPopular",componentId:"sc-1arr04b-0"})(["display:flex;flex-direction:column;grid-area:",";height:100%;",""],({$variant:i})=>i,({$active:i})=>i&&o`
|
|
2
2
|
background: ${({theme:i})=>i.colors.gradient.premium};
|
|
3
3
|
padding: 2px 3px;
|
|
4
4
|
border-radius: 21px;
|
|
@@ -11,4 +11,4 @@ import{styled as i,css as o}from"styled-components";import{Typography as s}from"
|
|
|
11
11
|
`),p=i.div.withConfig({displayName:"styled__TariffCardIsPopularContainer",componentId:"sc-1arr04b-1"})(["display:flex;align-items:center;justify-content:center;margin-top:4px;padding-bottom:6px;gap:8px;"]),a=i(d).withConfig({displayName:"styled__TariffCardStarUnfilledIcon",componentId:"sc-1arr04b-2"})(["path{fill:#fff;}"]),m=i(s).attrs({variant:"body-s-medium",component:"p"}).withConfig({displayName:"styled__TariffCardIsPopularText",componentId:"sc-1arr04b-3"})(["color:",";text-align:center;"],({theme:i})=>i.default.colors.base.white),x=i.div.withConfig({displayName:"styled__TariffCardBackground",componentId:"sc-1arr04b-4"})(["width:100%;height:100%;background-color:",";border-radius:20px;@media (max-width:","){border-radius:18px;}@media (max-width:","){border-radius:14px;}"],({theme:i})=>i.colors.grayScale.gray4,({theme:i})=>i.tablet.maxWidth,({theme:i})=>i.mobile.maxWidth),j=i.div.withConfig({displayName:"styled__TariffCardStyled",componentId:"sc-1arr04b-5"})(["position:relative;z-index:2;border-radius:20px;background-color:",";height:100%;cursor:",";padding:20px 34px;transition:background 0.3s ease;@media (max-width:","){padding:20px;border-radius:18px;}@media (max-width:","){padding:20px 14px;border-radius:14px;}&:hover{",";}",""],({theme:i})=>i.colors.grayScale.gray7,({$variant:i})=>"ENTERPRISE"!==i?"pointer":"default",({theme:i})=>i.tablet.maxWidth,({theme:i})=>i.mobile.maxWidth,({theme:i,$variant:o,$active:s})=>"ENTERPRISE"!==o&&!s&&`background: ${e(i.colors.accent.primary,.2)}`,({theme:i,$active:s})=>s&&o`
|
|
12
12
|
background: ${i.colors.gradient.elite20};
|
|
13
13
|
pointer-events: none;
|
|
14
|
-
`),l=i.div.withConfig({displayName:"styled__TariffCardStyledContent",componentId:"sc-1arr04b-6"})(["display:grid;grid-template-columns:",";align-items:center;gap:14px;@media (max-width:","){gap:10px;}"],({$variant:i})=>"ENTERPRISE"===i?"1fr auto":"auto 1fr auto",({theme:i})=>i.mobile.maxWidth),g=i.div.withConfig({displayName:"styled__TariffCardContainer",componentId:"sc-1arr04b-7"})([""]),
|
|
14
|
+
`),l=i.div.withConfig({displayName:"styled__TariffCardStyledContent",componentId:"sc-1arr04b-6"})(["display:grid;grid-template-columns:",";align-items:center;gap:14px;@media (max-width:","){gap:10px;}"],({$variant:i})=>"ENTERPRISE"===i?"1fr auto":"auto 1fr auto",({theme:i})=>i.mobile.maxWidth),g=i.div.withConfig({displayName:"styled__TariffCardContainer",componentId:"sc-1arr04b-7"})([""]),b=i.div.withConfig({displayName:"styled__TariffCardContainerPrice",componentId:"sc-1arr04b-8"})(["white-space:nowrap;"]),u=i(s).attrs({variant:"body-xxl-semibold",component:"span"}).withConfig({displayName:"styled__TariffCardPrice",componentId:"sc-1arr04b-9"})([""]),h=i(s).attrs({variant:"body-l-semibold",component:"span"}).withConfig({displayName:"styled__TariffCardCurrency",componentId:"sc-1arr04b-10"})([""]),f=i(s).attrs({variant:"body-xl-semibold",component:"h3"}).withConfig({displayName:"styled__TariffCardLabel",componentId:"sc-1arr04b-11"})(["background-clip:text;-webkit-background-clip:text;width:fit-content;-webkit-text-fill-color:transparent;background-image:",";background-color:",";"],({theme:i,$color:o})=>{switch(o){case"BASIC":return i.colors.accent.primary;case"PREMIUM":return i.colors.gradient.premium;case"DELUXE":return i.colors.gradient.deluxe;case"ELITE":return i.colors.gradient.elite;case"ENTERPRISE":return i.colors.gradient.enterprise;default:return i.colors.base.white}},({theme:i,$color:o})=>{switch(o){case"BASIC":return i.colors.accent.primary;case"PREMIUM":return i.colors.gradient.premium;case"DELUXE":return i.colors.gradient.deluxe;case"ELITE":return i.colors.gradient.elite;case"ENTERPRISE":return i.colors.gradient.enterprise;default:return i.colors.base.white}}),y=i(s).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__TariffCardCapsText",componentId:"sc-1arr04b-12"})([""]),w=i.div.withConfig({displayName:"styled__TariffCardCapsContainer",componentId:"sc-1arr04b-13"})(["display:flex;align-items:center;gap:8px;height:26px;"]),C=i(n).withConfig({displayName:"styled__TariffCardCapsBadge",componentId:"sc-1arr04b-14"})([""]),k=i(s).attrs({variant:"body-m-medium",component:"p"}).withConfig({displayName:"styled__TariffCardDescription",componentId:"sc-1arr04b-15"})(["margin-top:16px;"]),v=i.div.withConfig({displayName:"styled__TariffCardEnterpriseButtonContainer",componentId:"sc-1arr04b-16"})(["height:100%;"]),_=i(r).attrs({component:"a",variant:"primary-transparent"}).withConfig({displayName:"styled__TariffCardEnterpriseButton",componentId:"sc-1arr04b-17"})(["opacity:1;pointer-events:all;background:",";margin-left:auto;"],({theme:i})=>i.colors.gradient.enterprise),I=i(t).withConfig({displayName:"styled__TariffCardArrow",componentId:"sc-1arr04b-18"})(["rotate:-45deg;"]),T=i(s).attrs({variant:"body-s-medium",component:"p"}).withConfig({displayName:"styled__TariffCardDiscount",componentId:"sc-1arr04b-19"})(["position:absolute;right:0px;top:0px;padding:2px 16px;color:",";border-radius:0px 14px 0px 14px;background:",";"],({theme:i})=>i.default.colors.base.white,({theme:i})=>i.colors.gradient.elite);export{I as TariffCardArrow,x as TariffCardBackground,C as TariffCardCapsBadge,w as TariffCardCapsContainer,y as TariffCardCapsText,g as TariffCardContainer,b as TariffCardContainerPrice,h as TariffCardCurrency,k as TariffCardDescription,T as TariffCardDiscount,_ as TariffCardEnterpriseButton,v as TariffCardEnterpriseButtonContainer,c as TariffCardIsPopular,p as TariffCardIsPopularContainer,m as TariffCardIsPopularText,f as TariffCardLabel,u as TariffCardPrice,a as TariffCardStarUnfilledIcon,j as TariffCardStyled,l as TariffCardStyledContent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as i}from"tslib";import{jsxs as o,jsx as s}from"react/jsx-runtime";import{useRef as n,useState as e,useCallback as t,useMemo as r}from"react";import{TextFieldStyled as c,TextFieldLabel as d,TextFieldBlock as p,TextFieldColor as m,TextFieldColorInput as x,TextFieldColorPreview as j,TextFieldInput as a,TextFieldShowpassButton as l,TextFieldClearButton as u,TextFieldSkeleton as g,TextFieldErrorText as b}from"./styled.js";import{IconProvider as h}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{SearchCircleIcon as f}from"../../icons/search-circle/index.js";import{Skeleton as y}from"../skeleton/index.js";import"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/close/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/copy/index.js";import"../../icons/edit/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/trash/index.js";import"../../icons/update/index.js";import"../../icons/menu-dot/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/check-small/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/thumb-down/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/download-img/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import{EyeIcon as w}from"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/loader-circular-gradient-2/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/word-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/pdf/index.js";import"../../icons/xls/index.js";import"../../icons/word/index.js";import"../../icons/txt/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file/index.js";import"../../icons/attach-file-big/index.js";import"../../icons/voice/index.js";import"../../icons/play-button/index.js";import"../../icons/pause-button/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/resend/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/min-window/index.js";import"../../icons/max-window/index.js";import"../../icons/manage-chat/index.js";import"../../icons/analyze-urls/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/volume/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import"../../icons/folder/index.js";import"../../icons/history/index.js";import"../../icons/money-plus/index.js";import"../../icons/money-stack/index.js";import"../../icons/sort-numeric-bottom/index.js";import"../../icons/sort-numeric-top/index.js";import"../../icons/bulb/index.js";import"../../icons/prompt-queue/index.js";import"../../icons/image/index.js";import"../../icons/text/index.js";import"../../icons/code/index.js";import"../../icons/blue-grok/index.js";import"../../icons/double-image/index.js";import{useTheme as k}from"../../theme/hook.js";const v=v=>{var{label:C,placeholder:$,value:S,defaultValue:q,error:B,name:z,type:F,fullWidth:M=!1,disabled:O=!1,startIcon:V,endIcon:I,skeleton:E=!1,onChange:L,onFocus:W,onBlur:_,onMouseEnter:A,onMouseLeave:D,onValueChange:G,onClearButtonClick:H,readonly:J=!1,variant:K="primary",autoFocus:N,autoComplete:P,inputStyles:Q,clearable:R=!1,bigClearButton:T=!1}=v,U=i(v,["label","placeholder","value","defaultValue","error","name","type","fullWidth","disabled","startIcon","endIcon","skeleton","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","onValueChange","onClearButtonClick","readonly","variant","autoFocus","autoComplete","inputStyles","clearable","bigClearButton"]);const X=k(),Y=n(null),[Z,ii]=e(!1),[oi,si]=e(!1),[ni,ei]=e(!1),ti=t(i=>{null==W||W(i),ii(!0)},[W]),ri=t(i=>{null==_||_(i),ii(!1)},[_]),ci=t(i=>{null==A||A(i),si(!0)},[A]),di=t(i=>{null==D||D(i),si(!1)},[D]),pi=t(i=>{null==L||L(i),null==G||G(i.target.value)},[L,G]),mi=t(()=>{const i=Y.current;null!==i&&(i.value="",null==G||G(""),null==H||H())},[L]),xi=t(()=>{ei(i=>!i)},[]),ji=Object.assign(Object.assign({size:16},O&&{fill:X.colors.grayScale.gray1}),!O&&{fill:"light"===X.mode?X.default.colors.accent.primary:X.colors.base.white}),ai=r(()=>"password"===F?ni?"text":"password":"color"===F?"text":F,[F,ni]);return o(c,Object.assign({},U,{$fullWidth:M,$disabled:O,children:[C&&E&&s(d,{children:s(y,{width:100})}),"string"==typeof C&&!E&&s(d,{children:C}),"string"!=typeof C&&!E&&C,!E&&o(p,{$error:!!B,$hover:oi,$focus:Z,$disabled:O,$skeleton:!1,$variant:K,style:Q,children:[("search"===F||V)&&o(h,Object.assign({},ji,{children:[V,"search"===F&&s(f,{})]})),"color"===F&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=S?S:"#000")&&o(m,{children:[s(x,{value:null!=S?S:"#000",onChange:pi}),s(j,{$color:null!=S?S:"#000"})]}),s(a,{ref:Y,value:S,type:ai,name:z,readOnly:J,defaultValue:q,placeholder:$,disabled:O,onChange:pi,onFocus:ti,onBlur:ri,onMouseEnter:ci,onMouseLeave:di,$variant:K,autoFocus:N,autoComplete:P}),!!S&&"password"===F&&s(l,{onClick:xi,type:"button","data-test":"show-password",children:s(w,{fill:X.colors.grayScale.gray1,size:16})}),(R||"search"===F)&&S&&s(u,{$big:T,onClick:mi}),"search"!==F&&I&&s(h,Object.assign({},ji,{children:I}))]}),E&&s(p,{$error:!1,$hover:!1,$focus:!1,$disabled:!1,$skeleton:!0,$variant:K,children:s(g,{})}),B&&s(b,{children:B})]}))};export{v as TextField,p as TextFieldBlock,u as TextFieldClearButton,m as TextFieldColor,x as TextFieldColorInput,j as TextFieldColorPreview,b as TextFieldErrorText,a as TextFieldInput,d as TextFieldLabel,l as TextFieldShowpassButton,g as TextFieldSkeleton,c as TextFieldStyled};
|
|
1
|
+
import{__rest as i}from"tslib";import{jsxs as o,jsx as s}from"react/jsx-runtime";import{useRef as n,useState as e,useCallback as t,useMemo as r}from"react";import{TextFieldStyled as c,TextFieldLabel as d,TextFieldBlock as p,TextFieldColor as m,TextFieldColorInput as x,TextFieldColorPreview as j,TextFieldInput as a,TextFieldShowpassButton as l,TextFieldClearButton as u,TextFieldSkeleton as g,TextFieldErrorText as b}from"./styled.js";import{IconProvider as h}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import"../tooltip/context.js";import{SearchCircleIcon as f}from"../../icons/search-circle/index.js";import{Skeleton as y}from"../skeleton/index.js";import"../../icons/arrow-down/index.js";import"../../icons/arrow-narrow-left/index.js";import"../../icons/arrow-narrow-right/index.js";import"../../icons/arrow-up/index.js";import"../../icons/bitcoin/index.js";import"../../icons/bot-circle/index.js";import"../../icons/bothub-agg/index.js";import"../../icons/business-colored/index.js";import"../../icons/check-circle/index.js";import"../../icons/close/index.js";import"../../icons/email-circle/index.js";import"../../icons/language/index.js";import"../../icons/lock-circle/index.js";import"../../icons/menu/index.js";import"../../icons/medium-circle/index.js";import"../../icons/tg-circle/index.js";import"../../icons/tg-colored/index.js";import"../../icons/youcassa/index.js";import"../../icons/dashboard/index.js";import"../../icons/user-profile/index.js";import"../../icons/logout/index.js";import"../../icons/habr-2/index.js";import"../../icons/arrow-2-down/index.js";import"../../icons/links/index.js";import"../../icons/free/index.js";import"../../icons/hotness/index.js";import"../../icons/checked/index.js";import"../../icons/ai/index.js";import"../../icons/bookmarks/index.js";import"../../icons/bookmarks-big/index.js";import"../../icons/chat/index.js";import"../../icons/chats/index.js";import"../../icons/coder/index.js";import"../../icons/copy/index.js";import"../../icons/edit/index.js";import"../../icons/presets-big/index.js";import"../../icons/referal/index.js";import"../../icons/restore/index.js";import"../../icons/tariff/index.js";import"../../icons/trash/index.js";import"../../icons/update/index.js";import"../../icons/menu-dot/index.js";import"../../icons/plus-2/index.js";import"../../icons/plus-1/index.js";import"../../icons/send/index.js";import"../../icons/settings/index.js";import"../../icons/habr/index.js";import"../../icons/check-small/index.js";import"../../icons/stop/index.js";import"../../icons/thumb-up/index.js";import"../../icons/thumb-down/index.js";import"../../icons/star/index.js";import"../../icons/info-big/index.js";import"../../icons/warning-big/index.js";import"../../icons/error-big/index.js";import"../../icons/success-big/index.js";import"../../icons/mj/index.js";import"../../icons/card/index.js";import"../../icons/arrow-narrow-up/index.js";import"../../icons/arrow-narrow-down/index.js";import"../../icons/filters/index.js";import"../../icons/info/index.js";import"../../icons/save/index.js";import"../../icons/light/index.js";import"../../icons/dark/index.js";import"../../icons/email-colored/index.js";import"../../icons/action-chat/index.js";import"../../icons/attach/index.js";import"../../icons/avatar-add/index.js";import"../../icons/brush/index.js";import"../../icons/calendar/index.js";import"../../icons/claude/index.js";import"../../icons/cookie/index.js";import"../../icons/dalle/index.js";import"../../icons/download-img/index.js";import"../../icons/error/index.js";import"../../icons/expand/index.js";import{EyeIcon as w}from"../../icons/eye/index.js";import"../../icons/face/index.js";import"../../icons/gear/index.js";import"../../icons/gear-min/index.js";import"../../icons/generation/index.js";import"../../icons/gpt-3_5/index.js";import"../../icons/gpt-4/index.js";import"../../icons/imagine/index.js";import"../../icons/imagine-2/index.js";import"../../icons/loader/index.js";import"../../icons/loader-circular/index.js";import"../../icons/loader-circular-gradient/index.js";import"../../icons/loader-circular-gradient-2/index.js";import"../../icons/minus/index.js";import"../../icons/mj-white/index.js";import"../../icons/prompt/index.js";import"../../icons/rabbit/index.js";import"../../icons/ratio-1x1/index.js";import"../../icons/ratio-2x3/index.js";import"../../icons/ratio-3x2/index.js";import"../../icons/ratio-4x5/index.js";import"../../icons/ratio-4x7/index.js";import"../../icons/ratio-5x4/index.js";import"../../icons/ratio-7x4/index.js";import"../../icons/ratio-16x9/index.js";import"../../icons/ratio-9x16/index.js";import"../../icons/ratio-21x9/index.js";import"../../icons/ratio-9x21/index.js";import"../../icons/refferal-min/index.js";import"../../icons/search-data/index.js";import"../../icons/square/index.js";import"../../icons/turtle/index.js";import"../../icons/upscale/index.js";import"../../icons/withdraw/index.js";import"../../icons/search-plus/index.js";import"../../icons/lightning/index.js";import"../../icons/blog-circle/index.js";import"../../icons/stripe/index.js";import"../../icons/corporate/index.js";import"../../icons/public/index.js";import"../../icons/private/index.js";import"../../icons/mistral/index.js";import"../../icons/gemini/index.js";import"../../icons/search-simple/index.js";import"../../icons/sad-robot/index.js";import"../../icons/model/index.js";import"../../icons/phone-colored/index.js";import"../../icons/questions/index.js";import"../../icons/pdf-big/index.js";import"../../icons/xls-big/index.js";import"../../icons/word-big/index.js";import"../../icons/txt-big/index.js";import"../../icons/pdf/index.js";import"../../icons/xls/index.js";import"../../icons/word/index.js";import"../../icons/txt/index.js";import"../../icons/bothub-logo-gradient/index.js";import"../../icons/telegram-logo-gradient/index.js";import"../../icons/decline-circle/index.js";import"../../icons/simple-gear-bg/index.js";import"../../icons/advanced-filter/index.js";import"../../icons/big-corporate/index.js";import"../../icons/big-mj/index.js";import"../../icons/big-models/index.js";import"../../icons/big-stats/index.js";import"../../icons/big-success/index.js";import"../../icons/big-users/index.js";import"../../icons/optional-presets/index.js";import"../../icons/wallet-withdraw/index.js";import"../../icons/big-presets/index.js";import"../../icons/big-favorite/index.js";import"../../icons/big-referal/index.js";import"../../icons/attach-file/index.js";import"../../icons/attach-file-big/index.js";import"../../icons/voice/index.js";import"../../icons/play-button/index.js";import"../../icons/pause-button/index.js";import"../../icons/text-read/index.js";import"../../icons/text-hide/index.js";import"../../icons/best-chat-bots/index.js";import"../../icons/upload/index.js";import"../../icons/enter/index.js";import"../../icons/discord/index.js";import"../../icons/discord-circle/index.js";import"../../icons/black-forest-labs/index.js";import"../../icons/flux/index.js";import"../../icons/stable-diffusion/index.js";import"../../icons/stability-ai/index.js";import"../../icons/article-generator/index.js";import"../../icons/success/index.js";import"../../icons/google/index.js";import"../../icons/yandex/index.js";import"../../icons/vk/index.js";import"../../icons/resend/index.js";import"../../icons/big-article/index.js";import"../../icons/add-chat/index.js";import"../../icons/add-group/index.js";import"../../icons/drag-dot/index.js";import"../../icons/add-folder/index.js";import"../../icons/temp-chat/index.js";import"../../icons/delete-chat/index.js";import"../../icons/sidebar-chat/index.js";import"../../icons/organization/index.js";import"../../icons/simple-gear/index.js";import"../../icons/text-bold/index.js";import"../../icons/text-italic/index.js";import"../../icons/text-underline/index.js";import"../../icons/text-strikethrough/index.js";import"../../icons/refresh/index.js";import"../../icons/copy-variants/index.js";import"../../icons/sort-ascending/index.js";import"../../icons/sort-descending/index.js";import"../../icons/quote/index.js";import"../../icons/url-circle/index.js";import"../../icons/show-ui/index.js";import"../../icons/hide-ui/index.js";import"../../icons/sort-user/index.js";import"../../icons/happy-robot/index.js";import"../../icons/happy-robot-gradient/index.js";import"../../icons/min-window/index.js";import"../../icons/max-window/index.js";import"../../icons/manage-chat/index.js";import"../../icons/analyze-urls/index.js";import"../../icons/web-search/index.js";import"../../icons/include-context/index.js";import"../../icons/queue/index.js";import"../../icons/sort-alphabet-ascending/index.js";import"../../icons/sort-alphabet-descending/index.js";import"../../icons/sort-date-ascending/index.js";import"../../icons/sort-date-descending/index.js";import"../../icons/cot-r1/index.js";import"../../icons/news/index.js";import"../../icons/volume/index.js";import"../../icons/flag-ru/index.js";import"../../icons/flag-kz/index.js";import"../../icons/print/index.js";import"../../icons/pc-icon-1/index.js";import"../../icons/pc-icon-2/index.js";import"../../icons/pc-icon-3/index.js";import"../../icons/star-unfilled/index.js";import"../../icons/image-generation/index.js";import"../../icons/speech-synthesys/index.js";import"../../icons/transcription/index.js";import"../../icons/text-rewrite/index.js";import"../../icons/code-generation/index.js";import"../../icons/essay-generation/index.js";import"../../icons/spelling/index.js";import"../../icons/text-generation/index.js";import"../../icons/traffic-analisys/index.js";import"../../icons/fav-profile/index.js";import"../../icons/exclamation/index.js";import"../../icons/article/index.js";import"../../icons/setchel/index.js";import"../../icons/assembly/index.js";import"../../icons/data-visualisation/index.js";import"../../icons/document-analisys/index.js";import"../../icons/problem-solvment/index.js";import"../../icons/setting-analisys/index.js";import"../../icons/translation/index.js";import"../../icons/stars/index.js";import"../../icons/academy/index.js";import"../../icons/articles/index.js";import"../../icons/blog-post/index.js";import"../../icons/book/index.js";import"../../icons/bow-tie/index.js";import"../../icons/case-study/index.js";import"../../icons/comments/index.js";import"../../icons/guide/index.js";import"../../icons/marketing/index.js";import"../../icons/post/index.js";import"../../icons/report/index.js";import"../../icons/review/index.js";import"../../icons/scientific-article/index.js";import"../../icons/selling-text/index.js";import"../../icons/textbook/index.js";import"../../icons/wind/index.js";import"../../icons/grok/index.js";import"../../icons/deepseek/index.js";import"../../icons/grid-horizontal/index.js";import"../../icons/grid-vertical/index.js";import"../../icons/star-gradient/index.js";import"../../icons/qwen/index.js";import"../../icons/sidebar-toggle-left/index.js";import"../../icons/sidebar-toggle-right/index.js";import"../../icons/system/index.js";import"../../icons/selector/index.js";import"../../icons/video-camera/index.js";import"../../icons/music-note/index.js";import"../../icons/add-profile/index.js";import"../../icons/token-counter/index.js";import"../../icons/customer-support/index.js";import"../../icons/sort-alphabet-top-bottom/index.js";import"../../icons/sort-alphabet-bottom-top/index.js";import"../../icons/pause/index.js";import"../../icons/play/index.js";import"../../icons/restore-2/index.js";import"../../icons/video-generation/index.js";import"../../icons/veo-model/index.js";import"../../icons/runway/index.js";import"../../icons/queue-select/index.js";import"../../icons/apple/index.js";import"../../icons/mail-colored/index.js";import"../../icons/shield/index.js";import"../../icons/stars-gradient/index.js";import"../../icons/fire/index.js";import"../../icons/brain/index.js";import"../../icons/mj-purple/index.js";import"../../icons/claude-black/index.js";import"../../icons/vk-filled/index.js";import"../../icons/tg/index.js";import"../../icons/gift/index.js";import"../../icons/exchange/index.js";import"../../icons/time/index.js";import"../../icons/folder/index.js";import"../../icons/history/index.js";import"../../icons/money-plus/index.js";import"../../icons/money-stack/index.js";import"../../icons/sort-numeric-bottom/index.js";import"../../icons/sort-numeric-top/index.js";import"../../icons/bulb/index.js";import"../../icons/prompt-queue/index.js";import"../../icons/image/index.js";import"../../icons/text/index.js";import"../../icons/code/index.js";import"../../icons/blue-grok/index.js";import"../../icons/double-image/index.js";import"../../icons/pdf-black/index.js";import"../../icons/csv/index.js";import"../../icons/xls-black/index.js";import"../../icons/word-black/index.js";import"../../icons/brain-black/index.js";import"../../icons/txt-black/index.js";import"../../icons/workspace/index.js";import"../../icons/chat-doc/index.js";import"../../icons/money-spend/index.js";import"../../icons/money-minus/index.js";import{useTheme as k}from"../../theme/hook.js";const v=v=>{var{label:C,placeholder:$,value:S,defaultValue:q,error:B,name:z,type:F,fullWidth:M=!1,disabled:O=!1,startIcon:V,endIcon:I,skeleton:E=!1,onChange:L,onFocus:W,onBlur:_,onMouseEnter:A,onMouseLeave:D,onValueChange:G,onClearButtonClick:H,readonly:J=!1,variant:K="primary",autoFocus:N,autoComplete:P,inputStyles:Q,clearable:R=!1,bigClearButton:T=!1}=v,U=i(v,["label","placeholder","value","defaultValue","error","name","type","fullWidth","disabled","startIcon","endIcon","skeleton","onChange","onFocus","onBlur","onMouseEnter","onMouseLeave","onValueChange","onClearButtonClick","readonly","variant","autoFocus","autoComplete","inputStyles","clearable","bigClearButton"]);const X=k(),Y=n(null),[Z,ii]=e(!1),[oi,si]=e(!1),[ni,ei]=e(!1),ti=t(i=>{null==W||W(i),ii(!0)},[W]),ri=t(i=>{null==_||_(i),ii(!1)},[_]),ci=t(i=>{null==A||A(i),si(!0)},[A]),di=t(i=>{null==D||D(i),si(!1)},[D]),pi=t(i=>{null==L||L(i),null==G||G(i.target.value)},[L,G]),mi=t(()=>{const i=Y.current;null!==i&&(i.value="",null==G||G(""),null==H||H())},[L]),xi=t(()=>{ei(i=>!i)},[]),ji=Object.assign(Object.assign({size:16},O&&{fill:X.colors.grayScale.gray1}),!O&&{fill:"light"===X.mode?X.default.colors.accent.primary:X.colors.base.white}),ai=r(()=>"password"===F?ni?"text":"password":"color"===F?"text":F,[F,ni]);return o(c,Object.assign({},U,{$fullWidth:M,$disabled:O,children:[C&&E&&s(d,{children:s(y,{width:100})}),"string"==typeof C&&!E&&s(d,{children:C}),"string"!=typeof C&&!E&&C,!E&&o(p,{$error:!!B,$hover:oi,$focus:Z,$disabled:O,$skeleton:!1,$variant:K,style:Q,children:[("search"===F||V)&&o(h,Object.assign({},ji,{children:[V,"search"===F&&s(f,{})]})),"color"===F&&"object"==typeof CSS&&"function"==typeof CSS.supports&&CSS.supports("background",null!=S?S:"#000")&&o(m,{children:[s(x,{value:null!=S?S:"#000",onChange:pi}),s(j,{$color:null!=S?S:"#000"})]}),s(a,{ref:Y,value:S,type:ai,name:z,readOnly:J,defaultValue:q,placeholder:$,disabled:O,onChange:pi,onFocus:ti,onBlur:ri,onMouseEnter:ci,onMouseLeave:di,$variant:K,autoFocus:N,autoComplete:P}),!!S&&"password"===F&&s(l,{onClick:xi,type:"button","data-test":"show-password",children:s(w,{fill:X.colors.grayScale.gray1,size:16})}),(R||"search"===F)&&S&&s(u,{$big:T,onClick:mi}),"search"!==F&&I&&s(h,Object.assign({},ji,{children:I}))]}),E&&s(p,{$error:!1,$hover:!1,$focus:!1,$disabled:!1,$skeleton:!0,$variant:K,children:s(g,{})}),B&&s(b,{children:B})]}))};export{v as TextField,p as TextFieldBlock,u as TextFieldClearButton,m as TextFieldColor,x as TextFieldColorInput,j as TextFieldColorPreview,b as TextFieldErrorText,a as TextFieldInput,d as TextFieldLabel,l as TextFieldShowpassButton,g as TextFieldSkeleton,c as TextFieldStyled};
|