ics-ui-kit 0.1.1 → 0.1.2
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 +36 -36
- package/dist/AlertContext-CxjW1LVL.js.map +1 -1
- package/dist/AlertIcon-5B6AgZpe.js.map +1 -1
- package/dist/Button-Dg89xRSi.js.map +1 -1
- package/dist/ButtonBase-e6qyv6mD.js.map +1 -1
- package/dist/CheckboxField-cX09-eBX.js.map +1 -1
- package/dist/Command-BhbfL5wm.js.map +1 -1
- package/dist/ComponentVariantProvider-B0SFUaXB.js.map +1 -1
- package/dist/Description-BTPMlTT-.js.map +1 -1
- package/dist/Dialog-ByiJIDhl.js.map +1 -1
- package/dist/Divider-DPW5ZhZ8.js.map +1 -1
- package/dist/EmptyState-DRKjscH-.js.map +1 -1
- package/dist/ErrorState-B26k67-z.js.map +1 -1
- package/dist/FeatureIcon-BGE0Orkc.js.map +1 -1
- package/dist/Field-CKl59qUB.js.map +1 -1
- package/dist/FieldLabel-QJ4rJFOi.js.map +1 -1
- package/dist/FolderSvg-cw0DxNVy.js.map +1 -1
- package/dist/FormFooterTemplate-DPB6Dkxn.js.map +1 -1
- package/dist/FormHeader--F6b2aRk.js.map +1 -1
- package/dist/FormStack-B4QOuYgO.js.map +1 -1
- package/dist/HintState-BxrCAWqq.js.map +1 -1
- package/dist/Icon-DH3ev9GK.js.map +1 -1
- package/dist/IconButton-DwkpNgn3.js.map +1 -1
- package/dist/IconTooltip-CKJKGHbk.js.map +1 -1
- package/dist/Indicator-AqxHWPA9.js.map +1 -1
- package/dist/InputGroup-BvD9Igmt.js.map +1 -1
- package/dist/InputOTP-B2e1nfSO.js.map +1 -1
- package/dist/Loader-BpHiL6W-.js.map +1 -1
- package/dist/MenuItem-pvsONHlh.js.map +1 -1
- package/dist/MenuItemShortcut-DgPol9Nz.js.map +1 -1
- package/dist/MenuItemText-7uPl9P3z.js.map +1 -1
- package/dist/Overlay-2XMlxApi.js.map +1 -1
- package/dist/Popover-Dvr7y0YY.js.map +1 -1
- package/dist/RichButton-DuPTenmS.js.map +1 -1
- package/dist/ScrollArea-CuuTeDn3.js.map +1 -1
- package/dist/ScrollShadowContainer-DdrnF8qU.js.map +1 -1
- package/dist/SearchSelectTag-DFCX9zT1.js.map +1 -1
- package/dist/Select-DRwv6-eZ.js.map +1 -1
- package/dist/Sheet-rtwmzm2-.js.map +1 -1
- package/dist/Shortcut-D8L15_ed.js.map +1 -1
- package/dist/Skeleton-y6I-i9q5.js.map +1 -1
- package/dist/Tag-DdHXTyKF.js.map +1 -1
- package/dist/Text-DeBE8AKl.js.map +1 -1
- package/dist/TextInput-Cj50ImXi.js.map +1 -1
- package/dist/TextOverflowTooltip-DlUgic5y.js.map +1 -1
- package/dist/Toggle-v_HT3Gm2.js.map +1 -1
- package/dist/Tooltip-C4rVuWr4.js.map +1 -1
- package/dist/TriggerButton-CfDObWP9.js.map +1 -1
- package/dist/blocks/auth/otp-form.js.map +1 -1
- package/dist/cn-dsXlqdJg.js.map +1 -1
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/alert.js.map +1 -1
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/banner.js.map +1 -1
- package/dist/components/breadcrumb.js.map +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/calendar.js.map +1 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/color-tile.js.map +1 -1
- package/dist/components/container.js.map +1 -1
- package/dist/components/counter.js.map +1 -1
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/divider.js.map +1 -1
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/error-state.js.map +1 -1
- package/dist/components/file-upload.js.map +1 -1
- package/dist/components/form.js.map +1 -1
- package/dist/components/image-placeholder.js.map +1 -1
- package/dist/components/image-preview.js.map +1 -1
- package/dist/components/image-uploader.js.map +1 -1
- package/dist/components/input.js.map +1 -1
- package/dist/components/menu-item.js.map +1 -1
- package/dist/components/page-state.js.map +1 -1
- package/dist/components/portal-container.js.map +1 -1
- package/dist/components/progress-circle.js.map +1 -1
- package/dist/components/progress.js.map +1 -1
- package/dist/components/prose.js.map +1 -1
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/resizable.js.map +1 -1
- package/dist/components/scheduler.js.map +1 -1
- package/dist/components/search-select.js.map +1 -1
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/slider.js.map +1 -1
- package/dist/components/stepper.js.map +1 -1
- package/dist/components/switch.js.map +1 -1
- package/dist/components/system-state.js.map +1 -1
- package/dist/components/table.js.map +1 -1
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/tag-input.js.map +1 -1
- package/dist/components/textarea.js.map +1 -1
- package/dist/components/timer.js.map +1 -1
- package/dist/components/toast.js.map +1 -1
- package/dist/components/toggle-group.js.map +1 -1
- package/dist/components/toolbar.js.map +1 -1
- package/dist/design-tokens.source.json +1 -0
- package/dist/index-0ioNhtNM.js.map +1 -1
- package/dist/index-437EL2iq.js.map +1 -1
- package/dist/index-BGQepRFJ.js.map +1 -1
- package/dist/index-BVqs-uqP.js.map +1 -1
- package/dist/index-BZPx6jYI.js.map +1 -1
- package/dist/index-Bb23HztA.js.map +1 -1
- package/dist/index-BpWB3aFK.js.map +1 -1
- package/dist/index-ByaXH_ih.js.map +1 -1
- package/dist/index-BzCriPiK.js.map +1 -1
- package/dist/index-CCKe-Mpx.js.map +1 -1
- package/dist/index-CFaU3UXv.js.map +1 -1
- package/dist/index-CLuiUUQ8.js.map +1 -1
- package/dist/index-CQD-Njgt.js.map +1 -1
- package/dist/index-CmBeyp2d.js.map +1 -1
- package/dist/index-DFZozV_h.js.map +1 -1
- package/dist/index-DHsfW5Rj.js.map +1 -1
- package/dist/index-DHyZ_0Ut.js.map +1 -1
- package/dist/index-DLcqcWxM.js.map +1 -1
- package/dist/index-DRo26PBK.js.map +1 -1
- package/dist/index-DnnQs07z.js.map +1 -1
- package/dist/index-Uiy0Xwy2.js.map +1 -1
- package/dist/index-_ITz1IyW.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/inputBaseStyles-DbzD_jvq.js.map +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/dist/styles-scoped.css +6265 -6239
- package/dist/styles.css +6004 -5978
- package/dist/theme.css +329 -329
- package/dist/types/css.d.ts +4 -4
- package/dist/useBreakpoints-D8wKOvil.js.map +1 -1
- package/dist/useDebounce-BRah78CF.js.map +1 -1
- package/dist/useFileUpload-iDag0iqM.js.map +1 -1
- package/dist/useItemsKeyboardNavigation-CmeOR30y.js.map +1 -1
- package/dist/useMergeRefs-qoKniYqT.js.map +1 -1
- package/dist/usePortalContainer-ae6EzS08.js.map +1 -1
- package/dist/vendors/tanstack/react-table.js.map +1 -1
- package/dist/zod-BMNoK3aM.js.map +1 -1
- package/package.json +2 -2
- package/tailwind.preset.js +444 -441
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Description-BTPMlTT-.js","sources":["../src/components/description/Description.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\ntype DescriptionVariants = {\n\tsize?: \"xs\" | \"sm\";\n};\n\nconst descriptionStyles = tv({\n\tbase: \"text-muted\",\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"text-xs\",\n\t\t\tsm: \"text-sm\"\n\t\t}\n\t} satisfies VariantsConfig<DescriptionVariants>\n});\n\ntype DescriptionProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren & DescriptionVariants;\n\nexport const Description = React.forwardRef<HTMLDivElement, DescriptionProps>(\n\t({ className, children, size = \"sm\", ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={descriptionStyles({ class: className, size })} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nDescription.displayName = \"Description\";\n"],"names":["descriptionStyles","tv","Description","React","className","children","size","props","ref","jsx"],"mappings":";;;AAQA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACL;AAEF,CAAC,GAIYC,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,IAAO,MAAM,GAAGC,EAAM,GAAGC,MAE9C,gBAAAC,EAAA,OAAA,EAAI,KAAAD,GAAU,WAAWR,EAAkB,EAAE,OAAOI,GAAW,MAAAE,EAAM,CAAA,GAAI,GAAGC,GAC3E,UAAAF,EACF,CAAA;AAGH;AAEAH,EAAY,cAAc;"}
|
|
1
|
+
{"version":3,"file":"Description-BTPMlTT-.js","sources":["../src/components/description/Description.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\ntype DescriptionVariants = {\r\n\tsize?: \"xs\" | \"sm\";\r\n};\r\n\r\nconst descriptionStyles = tv({\r\n\tbase: \"text-muted\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: \"text-xs\",\r\n\t\t\tsm: \"text-sm\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<DescriptionVariants>\r\n});\r\n\r\ntype DescriptionProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren & DescriptionVariants;\r\n\r\nexport const Description = React.forwardRef<HTMLDivElement, DescriptionProps>(\r\n\t({ className, children, size = \"sm\", ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={descriptionStyles({ class: className, size })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nDescription.displayName = \"Description\";\r\n"],"names":["descriptionStyles","tv","Description","React","className","children","size","props","ref","jsx"],"mappings":";;;AAQA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACL;AAEF,CAAC,GAIYC,IAAcC,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,IAAO,MAAM,GAAGC,EAAM,GAAGC,MAE9C,gBAAAC,EAAA,OAAA,EAAI,KAAAD,GAAU,WAAWR,EAAkB,EAAE,OAAOI,GAAW,MAAAE,EAAM,CAAA,GAAI,GAAGC,GAC3E,UAAAF,EACF,CAAA;AAGH;AAEAH,EAAY,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog-ByiJIDhl.js","sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { FormBody } from \"../form/components/form-body/FormBody\";\nimport { FormFooter } from \"../form/components/form-footer/FormFooter\";\nimport { formDescriptionStyles, FormHeader, formTitleStyles } from \"../form/components/form-header/FormHeader\";\nimport { Icon } from \"../icon\";\nimport { overlayStyles, OverlayVariants } from \"../overlay/Overlay\";\nimport { usePortalContainer } from \"../portal-container\";\n\nconst Dialog = DialogPrimitive.Root;\nDialog.displayName = \"Dialog\";\n\nconst DialogTrigger = DialogPrimitive.Trigger;\nDialogTrigger.displayName = \"DialogTrigger\";\n\nconst DialogPortal = DialogPrimitive.Portal;\nDialogPortal.displayName = \"DialogPortal\";\n\nconst DialogTitle = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => {\n\tconst styles = formTitleStyles({ class: className });\n\treturn <DialogPrimitive.Title ref={ref} className={styles} {...props} />;\n});\nDialogTitle.displayName = \"DialogTitle\";\n\nconst DialogDescription = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => {\n\tconst styles = formDescriptionStyles({ class: className });\n\treturn <DialogPrimitive.Description ref={ref} className={styles} {...props} />;\n});\nDialogDescription.displayName = \"DialogDescription\";\n\nconst DialogHeader = FormHeader;\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogBody = FormBody;\nDialogBody.displayName = \"DialogBody\";\n\nconst DialogFooter = FormFooter;\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogClose = DialogPrimitive.Close;\nDialogClose.displayName = \"DialogClose\";\n\nconst dialogOverlayStyles = tv({ extend: overlayStyles });\n\ninterface DialogOverlayProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>, OverlayVariants {}\n\nconst DialogOverlay = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Overlay>, DialogOverlayProps>(\n\t({ className, blur, type, ...props }, ref) => (\n\t\t<DialogPrimitive.Overlay\n\t\t\tref={ref}\n\t\t\tclassName={dialogOverlayStyles({ class: className, blur, type })}\n\t\t\t{...props}\n\t\t/>\n\t)\n);\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst dialogContentStyles = tv({\n\tbase: [\n\t\t\"fixed left-[50%] top-[45%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-45%] lg:top-[35%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))] lg:translate-y-[-35%]\",\n\t\t\"flex flex-col gap-0 overflow-hidden rounded-xl border border-secondary-border bg-secondary-bg p-0 shadow-soft-lg\",\n\t\t\"duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\"\n\t],\n\tslots: {\n\t\tcloseButton: \"absolute right-0 top-0 z-50 h-11 w-11 p-3.5 text-muted\",\n\t\tcloseIcon: \"h-4 w-4\"\n\t}\n});\n\ntype BackgroundProps = OverlayVariants;\n\nconst DialogContent = React.forwardRef<\n\tReact.ElementRef<typeof DialogPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n\t\toverlayBlur?: BackgroundProps[\"blur\"];\n\t\toverlayType?: BackgroundProps[\"type\"];\n\t\tshowCloseButton?: boolean;\n\t\t/**\n\t\t * Контейнер для портала. Если не указан, используется хук usePortalContainer\n\t\t * для поиска PortalContainer\n\t\t */\n\t\tportalContainer?: HTMLElement;\n\t}\n>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tchildren,\n\t\toverlayBlur,\n\t\toverlayType,\n\t\tshowCloseButton = true,\n\t\tportalContainer,\n\t\t...restProps\n\t} = props;\n\tconst styles = dialogContentStyles();\n\tconst container = usePortalContainer(portalContainer);\n\treturn (\n\t\t<DialogPrimitive.Portal container={container}>\n\t\t\t<DialogOverlay blur={overlayBlur} type={overlayType} />\n\t\t\t<DialogPrimitive.Content ref={ref} className={styles.base({ className })} {...restProps}>\n\t\t\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<DialogPrimitive.Close className={styles.closeButton()}>\n\t\t\t\t\t\t<Icon className={styles.closeIcon()} size=\"lg\" icon={X}></Icon>\n\t\t\t\t\t</DialogPrimitive.Close>\n\t\t\t\t)}\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPrimitive.Portal>\n\t);\n});\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n\tDialog,\n\tDialogBody,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogOverlay,\n\tDialogPortal,\n\tDialogTitle,\n\tDialogTrigger\n};\n\n/** @deprecated Используйте Dialog вместо Modal */\nexport const Modal = Dialog;\n/** @deprecated Используйте DialogBody вместо ModalBody */\nexport const ModalBody = DialogBody;\n/** @deprecated Используйте DialogClose вместо ModalClose */\nexport const ModalClose = DialogClose;\n/** @deprecated Используйте DialogContent вместо ModalContent */\nexport const ModalContent = DialogContent;\n/** @deprecated Используйте DialogDescription вместо ModalDescription */\nexport const ModalDescription = DialogDescription;\n/** @deprecated Используйте DialogFooter вместо ModalFooter */\nexport const ModalFooter = DialogFooter;\n/** @deprecated Используйте DialogHeader вместо ModalHeader */\nexport const ModalHeader = DialogHeader;\n/** @deprecated Используйте DialogOverlay вместо ModalOverlay */\nexport const ModalOverlay = DialogOverlay;\n/** @deprecated Используйте DialogPortal вместо ModalPortal */\nexport const ModalPortal = DialogPortal;\n/** @deprecated Используйте DialogTitle вместо ModalTitle */\nexport const ModalTitle = DialogTitle;\n/** @deprecated Используйте DialogTrigger вместо ModalTrigger */\nexport const ModalTrigger = DialogTrigger;\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogTitle","React","className","props","ref","styles","formTitleStyles","jsx","DialogPrimitive.Title","DialogDescription","formDescriptionStyles","DialogPrimitive.Description","DialogHeader","FormHeader","DialogBody","FormBody","DialogFooter","FormFooter","DialogClose","DialogPrimitive.Close","dialogOverlayStyles","tv","overlayStyles","DialogOverlay","blur","type","DialogPrimitive.Overlay","dialogContentStyles","DialogContent","children","overlayBlur","overlayType","showCloseButton","portalContainer","restProps","container","usePortalContainer","jsxs","DialogPrimitive.Content","Icon","X","Modal","ModalBody","ModalClose","ModalContent","ModalDescription","ModalFooter","ModalHeader","ModalOverlay","ModalPortal","ModalTitle","ModalTrigger"],"mappings":";;;;;;;;;AAWA,MAAMA,IAASC;AACfD,EAAO,cAAc;AAErB,MAAME,IAAgBC;AACtBD,EAAc,cAAc;AAE5B,MAAME,IAAeC;AACrBD,EAAa,cAAc;AAErB,MAAAE,IAAcC,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASC,EAAgB,EAAE,OAAOJ,GAAW;AAC5C,SAAA,gBAAAK,EAACC,GAAA,EAAsB,KAAAJ,GAAU,WAAWC,GAAS,GAAGF,GAAO;AACvE,CAAC;AACDH,EAAY,cAAc;AAEpB,MAAAS,IAAoBR,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASK,EAAsB,EAAE,OAAOR,GAAW;AAClD,SAAA,gBAAAK,EAACI,GAAA,EAA4B,KAAAP,GAAU,WAAWC,GAAS,GAAGF,GAAO;AAC7E,CAAC;AACDM,EAAkB,cAAc;AAEhC,MAAMG,IAAeC;AACrBD,EAAa,cAAc;AAE3B,MAAME,IAAaC;AACnBD,EAAW,cAAc;AAEzB,MAAME,IAAeC;AACrBD,EAAa,cAAc;AAE3B,MAAME,IAAcC;AACpBD,EAAY,cAAc;AAE1B,MAAME,IAAsBC,EAAG,EAAE,QAAQC,GAAe,GAIlDC,IAAgBtB,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAC,GAAW,MAAAsB,GAAM,MAAAC,GAAM,GAAGtB,EAAA,GAASC,MACrC,gBAAAG;AAAA,IAACmB;AAAAA,IAAA;AAAA,MACA,KAAAtB;AAAA,MACA,WAAWgB,EAAoB,EAAE,OAAOlB,GAAW,MAAAsB,GAAM,MAAAC,GAAM;AAAA,MAC9D,GAAGtB;AAAA,IAAA;AAAA,EAAA;AAGP;AACAoB,EAAc,cAAcG,EAAwB;AAEpD,MAAMC,IAAsBN,EAAG;AAAA,EAC9B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,OAAO;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAEb,CAAC,GAIKO,IAAgB3B,EAAM,WAY1B,CAACE,GAAOC,MAAQ;AACX,QAAA;AAAA,IACL,WAAAF;AAAA,IACA,UAAA2B;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACA/B,GACEE,IAASsB,EAAoB,GAC7BQ,IAAYC,EAAmBH,CAAe;AACpD,SACE,gBAAAI,EAAAtC,GAAA,EAAuB,WAAAoC,GACvB,UAAA;AAAA,IAAA,gBAAA5B,EAACgB,GAAc,EAAA,MAAMO,GAAa,MAAMC,GAAa;AAAA,IACpD,gBAAAM,EAAAC,GAAA,EAAwB,KAAAlC,GAAU,WAAWC,EAAO,KAAK,EAAE,WAAAH,EAAW,CAAA,GAAI,GAAGgC,GAC5E,UAAA;AAAA,MAAAL;AAAA,MACAG,KACC,gBAAAzB,EAAAY,GAAA,EAAsB,WAAWd,EAAO,YAAY,GACpD,4BAACkC,GAAK,EAAA,WAAWlC,EAAO,UAAU,GAAG,MAAK,MAAK,MAAMmC,GAAG,EACzD,CAAA;AAAA,IAAA,EAEF,CAAA;AAAA,EAAA,GACD;AAEF,CAAC;AACDZ,EAAc,cAAc;AAiBrB,MAAMa,IAAQ/C,GAERgD,KAAY5B,GAEZ6B,KAAazB,GAEb0B,KAAehB,GAEfiB,KAAmBpC,GAEnBqC,KAAc9B,GAEd+B,KAAcnC,GAEdoC,KAAezB,GAEf0B,KAAcnD,GAEdoD,KAAalD,GAEbmD,KAAevD;"}
|
|
1
|
+
{"version":3,"file":"Dialog-ByiJIDhl.js","sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\r\nimport { X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { FormBody } from \"../form/components/form-body/FormBody\";\r\nimport { FormFooter } from \"../form/components/form-footer/FormFooter\";\r\nimport { formDescriptionStyles, FormHeader, formTitleStyles } from \"../form/components/form-header/FormHeader\";\r\nimport { Icon } from \"../icon\";\r\nimport { overlayStyles, OverlayVariants } from \"../overlay/Overlay\";\r\nimport { usePortalContainer } from \"../portal-container\";\r\n\r\nconst Dialog = DialogPrimitive.Root;\r\nDialog.displayName = \"Dialog\";\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger;\r\nDialogTrigger.displayName = \"DialogTrigger\";\r\n\r\nconst DialogPortal = DialogPrimitive.Portal;\r\nDialogPortal.displayName = \"DialogPortal\";\r\n\r\nconst DialogTitle = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Title>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = formTitleStyles({ class: className });\r\n\treturn <DialogPrimitive.Title ref={ref} className={styles} {...props} />;\r\n});\r\nDialogTitle.displayName = \"DialogTitle\";\r\n\r\nconst DialogDescription = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Description>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = formDescriptionStyles({ class: className });\r\n\treturn <DialogPrimitive.Description ref={ref} className={styles} {...props} />;\r\n});\r\nDialogDescription.displayName = \"DialogDescription\";\r\n\r\nconst DialogHeader = FormHeader;\r\nDialogHeader.displayName = \"DialogHeader\";\r\n\r\nconst DialogBody = FormBody;\r\nDialogBody.displayName = \"DialogBody\";\r\n\r\nconst DialogFooter = FormFooter;\r\nDialogFooter.displayName = \"DialogFooter\";\r\n\r\nconst DialogClose = DialogPrimitive.Close;\r\nDialogClose.displayName = \"DialogClose\";\r\n\r\nconst dialogOverlayStyles = tv({ extend: overlayStyles });\r\n\r\ninterface DialogOverlayProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>, OverlayVariants {}\r\n\r\nconst DialogOverlay = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Overlay>, DialogOverlayProps>(\r\n\t({ className, blur, type, ...props }, ref) => (\r\n\t\t<DialogPrimitive.Overlay\r\n\t\t\tref={ref}\r\n\t\t\tclassName={dialogOverlayStyles({ class: className, blur, type })}\r\n\t\t\t{...props}\r\n\t\t/>\r\n\t)\r\n);\r\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\r\n\r\nconst dialogContentStyles = tv({\r\n\tbase: [\r\n\t\t\"fixed left-[50%] top-[45%] z-50 max-h-[min(90vh,calc(100vh-44px))] w-full max-w-[min(480px,calc(100vw-32px))] translate-x-[-50%] translate-y-[-45%] lg:top-[35%] lg:max-h-[min(90vh,830px)] lg:max-w-[min(544px,calc(100vw-32px))] lg:translate-y-[-35%]\",\r\n\t\t\"flex flex-col gap-0 overflow-hidden rounded-xl border border-secondary-border bg-secondary-bg p-0 shadow-soft-lg\",\r\n\t\t\"duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]\"\r\n\t],\r\n\tslots: {\r\n\t\tcloseButton: \"absolute right-0 top-0 z-50 h-11 w-11 p-3.5 text-muted\",\r\n\t\tcloseIcon: \"h-4 w-4\"\r\n\t}\r\n});\r\n\r\ntype BackgroundProps = OverlayVariants;\r\n\r\nconst DialogContent = React.forwardRef<\r\n\tReact.ElementRef<typeof DialogPrimitive.Content>,\r\n\tReact.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\r\n\t\toverlayBlur?: BackgroundProps[\"blur\"];\r\n\t\toverlayType?: BackgroundProps[\"type\"];\r\n\t\tshowCloseButton?: boolean;\r\n\t\t/**\r\n\t\t * Контейнер для портала. Если не указан, используется хук usePortalContainer\r\n\t\t * для поиска PortalContainer\r\n\t\t */\r\n\t\tportalContainer?: HTMLElement;\r\n\t}\r\n>((props, ref) => {\r\n\tconst {\r\n\t\tclassName,\r\n\t\tchildren,\r\n\t\toverlayBlur,\r\n\t\toverlayType,\r\n\t\tshowCloseButton = true,\r\n\t\tportalContainer,\r\n\t\t...restProps\r\n\t} = props;\r\n\tconst styles = dialogContentStyles();\r\n\tconst container = usePortalContainer(portalContainer);\r\n\treturn (\r\n\t\t<DialogPrimitive.Portal container={container}>\r\n\t\t\t<DialogOverlay blur={overlayBlur} type={overlayType} />\r\n\t\t\t<DialogPrimitive.Content ref={ref} className={styles.base({ className })} {...restProps}>\r\n\t\t\t\t{children}\r\n\t\t\t\t{showCloseButton && (\r\n\t\t\t\t\t<DialogPrimitive.Close className={styles.closeButton()}>\r\n\t\t\t\t\t\t<Icon className={styles.closeIcon()} size=\"lg\" icon={X}></Icon>\r\n\t\t\t\t\t</DialogPrimitive.Close>\r\n\t\t\t\t)}\r\n\t\t\t</DialogPrimitive.Content>\r\n\t\t</DialogPrimitive.Portal>\r\n\t);\r\n});\r\nDialogContent.displayName = \"DialogContent\";\r\n\r\nexport {\r\n\tDialog,\r\n\tDialogBody,\r\n\tDialogClose,\r\n\tDialogContent,\r\n\tDialogDescription,\r\n\tDialogFooter,\r\n\tDialogHeader,\r\n\tDialogOverlay,\r\n\tDialogPortal,\r\n\tDialogTitle,\r\n\tDialogTrigger\r\n};\r\n\r\n/** @deprecated Используйте Dialog вместо Modal */\r\nexport const Modal = Dialog;\r\n/** @deprecated Используйте DialogBody вместо ModalBody */\r\nexport const ModalBody = DialogBody;\r\n/** @deprecated Используйте DialogClose вместо ModalClose */\r\nexport const ModalClose = DialogClose;\r\n/** @deprecated Используйте DialogContent вместо ModalContent */\r\nexport const ModalContent = DialogContent;\r\n/** @deprecated Используйте DialogDescription вместо ModalDescription */\r\nexport const ModalDescription = DialogDescription;\r\n/** @deprecated Используйте DialogFooter вместо ModalFooter */\r\nexport const ModalFooter = DialogFooter;\r\n/** @deprecated Используйте DialogHeader вместо ModalHeader */\r\nexport const ModalHeader = DialogHeader;\r\n/** @deprecated Используйте DialogOverlay вместо ModalOverlay */\r\nexport const ModalOverlay = DialogOverlay;\r\n/** @deprecated Используйте DialogPortal вместо ModalPortal */\r\nexport const ModalPortal = DialogPortal;\r\n/** @deprecated Используйте DialogTitle вместо ModalTitle */\r\nexport const ModalTitle = DialogTitle;\r\n/** @deprecated Используйте DialogTrigger вместо ModalTrigger */\r\nexport const ModalTrigger = DialogTrigger;\r\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogTitle","React","className","props","ref","styles","formTitleStyles","jsx","DialogPrimitive.Title","DialogDescription","formDescriptionStyles","DialogPrimitive.Description","DialogHeader","FormHeader","DialogBody","FormBody","DialogFooter","FormFooter","DialogClose","DialogPrimitive.Close","dialogOverlayStyles","tv","overlayStyles","DialogOverlay","blur","type","DialogPrimitive.Overlay","dialogContentStyles","DialogContent","children","overlayBlur","overlayType","showCloseButton","portalContainer","restProps","container","usePortalContainer","jsxs","DialogPrimitive.Content","Icon","X","Modal","ModalBody","ModalClose","ModalContent","ModalDescription","ModalFooter","ModalHeader","ModalOverlay","ModalPortal","ModalTitle","ModalTrigger"],"mappings":";;;;;;;;;AAWA,MAAMA,IAASC;AACfD,EAAO,cAAc;AAErB,MAAME,IAAgBC;AACtBD,EAAc,cAAc;AAE5B,MAAME,IAAeC;AACrBD,EAAa,cAAc;AAErB,MAAAE,IAAcC,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASC,EAAgB,EAAE,OAAOJ,GAAW;AAC5C,SAAA,gBAAAK,EAACC,GAAA,EAAsB,KAAAJ,GAAU,WAAWC,GAAS,GAAGF,GAAO;AACvE,CAAC;AACDH,EAAY,cAAc;AAEpB,MAAAS,IAAoBR,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASK,EAAsB,EAAE,OAAOR,GAAW;AAClD,SAAA,gBAAAK,EAACI,GAAA,EAA4B,KAAAP,GAAU,WAAWC,GAAS,GAAGF,GAAO;AAC7E,CAAC;AACDM,EAAkB,cAAc;AAEhC,MAAMG,IAAeC;AACrBD,EAAa,cAAc;AAE3B,MAAME,IAAaC;AACnBD,EAAW,cAAc;AAEzB,MAAME,IAAeC;AACrBD,EAAa,cAAc;AAE3B,MAAME,IAAcC;AACpBD,EAAY,cAAc;AAE1B,MAAME,IAAsBC,EAAG,EAAE,QAAQC,GAAe,GAIlDC,IAAgBtB,EAAM;AAAA,EAC3B,CAAC,EAAE,WAAAC,GAAW,MAAAsB,GAAM,MAAAC,GAAM,GAAGtB,EAAA,GAASC,MACrC,gBAAAG;AAAA,IAACmB;AAAAA,IAAA;AAAA,MACA,KAAAtB;AAAA,MACA,WAAWgB,EAAoB,EAAE,OAAOlB,GAAW,MAAAsB,GAAM,MAAAC,GAAM;AAAA,MAC9D,GAAGtB;AAAA,IAAA;AAAA,EAAA;AAGP;AACAoB,EAAc,cAAcG,EAAwB;AAEpD,MAAMC,IAAsBN,EAAG;AAAA,EAC9B,MAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EACA,OAAO;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA,EAAA;AAEb,CAAC,GAIKO,IAAgB3B,EAAM,WAY1B,CAACE,GAAOC,MAAQ;AACX,QAAA;AAAA,IACL,WAAAF;AAAA,IACA,UAAA2B;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACA/B,GACEE,IAASsB,EAAoB,GAC7BQ,IAAYC,EAAmBH,CAAe;AACpD,SACE,gBAAAI,EAAAtC,GAAA,EAAuB,WAAAoC,GACvB,UAAA;AAAA,IAAA,gBAAA5B,EAACgB,GAAc,EAAA,MAAMO,GAAa,MAAMC,GAAa;AAAA,IACpD,gBAAAM,EAAAC,GAAA,EAAwB,KAAAlC,GAAU,WAAWC,EAAO,KAAK,EAAE,WAAAH,EAAW,CAAA,GAAI,GAAGgC,GAC5E,UAAA;AAAA,MAAAL;AAAA,MACAG,KACC,gBAAAzB,EAAAY,GAAA,EAAsB,WAAWd,EAAO,YAAY,GACpD,4BAACkC,GAAK,EAAA,WAAWlC,EAAO,UAAU,GAAG,MAAK,MAAK,MAAMmC,GAAG,EACzD,CAAA;AAAA,IAAA,EAEF,CAAA;AAAA,EAAA,GACD;AAEF,CAAC;AACDZ,EAAc,cAAc;AAiBrB,MAAMa,IAAQ/C,GAERgD,KAAY5B,GAEZ6B,KAAazB,GAEb0B,KAAehB,GAEfiB,KAAmBpC,GAEnBqC,KAAc9B,GAEd+B,KAAcnC,GAEdoC,KAAezB,GAEf0B,KAAcnD,GAEdoD,KAAalD,GAEbmD,KAAevD;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider-DPW5ZhZ8.js","sources":["../src/components/divider/Divider.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface DividerVariants {\n\torientation?: \"horizontal\" | \"vertical\";\n\tstatus?: \"error\";\n}\n\nconst dividerVariants = tv({\n\tvariants: {\n\t\torientation: {\n\t\t\thorizontal: \"h-px w-full bg-secondary-border\",\n\t\t\tvertical: \"h-full w-px bg-secondary-border\"\n\t\t},\n\t\tstatus: {\n\t\t\terror: \"bg-status-error-secondary-border\"\n\t\t}\n\t} satisfies VariantsConfig<DividerVariants>,\n\tdefaultVariants: {\n\t\torientation: \"horizontal\"\n\t}\n});\n\nexport type DividerProps = DividerVariants & React.HTMLAttributes<HTMLDivElement>;\n\nexport const Divider = React.forwardRef<HTMLDivElement, PropsWithChildren<DividerProps>>(\n\t({ className, status, orientation, ...props }, ref) => {\n\t\treturn <div className={dividerVariants({ orientation, className, status })} ref={ref} {...props} />;\n\t}\n);\n\nDivider.displayName = \"Divider\";\n"],"names":["dividerVariants","tv","Divider","React","className","status","orientation","props","ref","jsx"],"mappings":";;;AAUA,MAAMA,IAAkBC,EAAG;AAAA,EAC1B,UAAU;AAAA,IACT,aAAa;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,aAAa;AAAA,EAAA;AAEf,CAAC,GAIYC,IAAUC,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,aAAAC,GAAa,GAAGC,KAASC,MACtC,gBAAAC,EAAA,OAAA,EAAI,WAAWT,EAAgB,EAAE,aAAAM,GAAa,WAAAF,GAAW,QAAAC,EAAA,CAAQ,GAAG,KAAAG,GAAW,GAAGD,EAAO,CAAA;AAEnG;AAEAL,EAAQ,cAAc;"}
|
|
1
|
+
{"version":3,"file":"Divider-DPW5ZhZ8.js","sources":["../src/components/divider/Divider.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport React from \"react\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport interface DividerVariants {\r\n\torientation?: \"horizontal\" | \"vertical\";\r\n\tstatus?: \"error\";\r\n}\r\n\r\nconst dividerVariants = tv({\r\n\tvariants: {\r\n\t\torientation: {\r\n\t\t\thorizontal: \"h-px w-full bg-secondary-border\",\r\n\t\t\tvertical: \"h-full w-px bg-secondary-border\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\terror: \"bg-status-error-secondary-border\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<DividerVariants>,\r\n\tdefaultVariants: {\r\n\t\torientation: \"horizontal\"\r\n\t}\r\n});\r\n\r\nexport type DividerProps = DividerVariants & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Divider = React.forwardRef<HTMLDivElement, PropsWithChildren<DividerProps>>(\r\n\t({ className, status, orientation, ...props }, ref) => {\r\n\t\treturn <div className={dividerVariants({ orientation, className, status })} ref={ref} {...props} />;\r\n\t}\r\n);\r\n\r\nDivider.displayName = \"Divider\";\r\n"],"names":["dividerVariants","tv","Divider","React","className","status","orientation","props","ref","jsx"],"mappings":";;;AAUA,MAAMA,IAAkBC,EAAG;AAAA,EAC1B,UAAU;AAAA,IACT,aAAa;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,aAAa;AAAA,EAAA;AAEf,CAAC,GAIYC,IAAUC,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,aAAAC,GAAa,GAAGC,KAASC,MACtC,gBAAAC,EAAA,OAAA,EAAI,WAAWT,EAAgB,EAAE,aAAAM,GAAa,WAAAF,GAAW,QAAAC,EAAA,CAAQ,GAAG,KAAAG,GAAW,GAAGD,EAAO,CAAA;AAEnG;AAEAL,EAAQ,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState-DRKjscH-.js","sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Text } from \"@/components/text\";\n\nexport const emptyStateStyles = tv({\n\tbase: \"flex h-full flex-col items-center justify-center overflow-hidden px-3 py-6\"\n});\n\nexport type EmptyStateProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(({ className, ...props }, ref) => {\n\treturn <Text ref={ref} className={emptyStateStyles({ className })} {...props} />;\n});\n\nEmptyState.displayName = \"EmptyState\";\n"],"names":["emptyStateStyles","tv","EmptyState","React","className","props","ref","jsx","Text"],"mappings":";;;;AAIO,MAAMA,IAAmBC,EAAG;AAAA,EAClC,MAAM;AACP,CAAC,GAIYC,IAAaC,EAAM,WAA4C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC9F,gBAAAC,EAACC,GAAK,EAAA,KAAAF,GAAU,WAAWN,EAAiB,EAAE,WAAAI,EAAW,CAAA,GAAI,GAAGC,GAAO,CAC9E;AAEDH,EAAW,cAAc;"}
|
|
1
|
+
{"version":3,"file":"EmptyState-DRKjscH-.js","sources":["../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Text } from \"@/components/text\";\r\n\r\nexport const emptyStateStyles = tv({\r\n\tbase: \"flex h-full flex-col items-center justify-center overflow-hidden px-3 py-6\"\r\n});\r\n\r\nexport type EmptyStateProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(({ className, ...props }, ref) => {\r\n\treturn <Text ref={ref} className={emptyStateStyles({ className })} {...props} />;\r\n});\r\n\r\nEmptyState.displayName = \"EmptyState\";\r\n"],"names":["emptyStateStyles","tv","EmptyState","React","className","props","ref","jsx","Text"],"mappings":";;;;AAIO,MAAMA,IAAmBC,EAAG;AAAA,EAClC,MAAM;AACP,CAAC,GAIYC,IAAaC,EAAM,WAA4C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC9F,gBAAAC,EAACC,GAAK,EAAA,KAAAF,GAAU,WAAWN,EAAiB,EAAE,WAAAI,EAAW,CAAA,GAAI,GAAGC,GAAO,CAC9E;AAEDH,EAAW,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorState-B26k67-z.js","sources":["../src/components/error-state/ErrorState.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst errorStateStyles = tv({\n\tbase: \"flex h-full items-center justify-center overflow-hidden px-3 py-6 text-sm text-status-error\"\n});\n\nexport type ErrorStateProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ErrorState = React.forwardRef<HTMLDivElement, ErrorStateProps>(({ className, ...props }, ref) => {\n\treturn <div ref={ref} className={errorStateStyles({ className })} {...props} />;\n});\n\nErrorState.displayName = \"ErrorState\";\n"],"names":["errorStateStyles","tv","ErrorState","React","className","props","ref","jsx"],"mappings":";;;AAGA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AACP,CAAC,GAIYC,IAAaC,EAAM,WAA4C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC9F,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWN,EAAiB,EAAE,WAAAI,EAAW,CAAA,GAAI,GAAGC,GAAO,CAC7E;AAEDH,EAAW,cAAc;"}
|
|
1
|
+
{"version":3,"file":"ErrorState-B26k67-z.js","sources":["../src/components/error-state/ErrorState.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst errorStateStyles = tv({\r\n\tbase: \"flex h-full items-center justify-center overflow-hidden px-3 py-6 text-sm text-status-error\"\r\n});\r\n\r\nexport type ErrorStateProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const ErrorState = React.forwardRef<HTMLDivElement, ErrorStateProps>(({ className, ...props }, ref) => {\r\n\treturn <div ref={ref} className={errorStateStyles({ className })} {...props} />;\r\n});\r\n\r\nErrorState.displayName = \"ErrorState\";\r\n"],"names":["errorStateStyles","tv","ErrorState","React","className","props","ref","jsx"],"mappings":";;;AAGA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AACP,CAAC,GAIYC,IAAaC,EAAM,WAA4C,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC9F,gBAAAC,EAAC,OAAI,EAAA,KAAAD,GAAU,WAAWN,EAAiB,EAAE,WAAAI,EAAW,CAAA,GAAI,GAAGC,GAAO,CAC7E;AAEDH,EAAW,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeatureIcon-BGE0Orkc.js","sources":["../src/components/icon/feature-icon/FeatureIcon.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\nimport { LucideIcon } from \"lucide-react\";\nimport { tv } from \"tailwind-variants\";\n\nexport interface FeatureIconVariants {\n\tsize?: \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n}\n\nconst featureIconVariants = tv({\n\tbase: \"flex items-center justify-center overflow-visible bg-status-neutral-bg text-status-neutral ring-1 ring-inset ring-secondary-border\",\n\tvariants: {\n\t\tsize: {\n\t\t\t\"2xs\": \"h-6 w-6 rounded-sm p-1.5 [&>svg]:size-3\",\n\t\t\txs: \"h-7 w-7 rounded-sm p-1.5 [&>svg]:size-3.5\",\n\t\t\tsm: \"h-8 w-8 rounded-md p-1.5 [&>svg]:size-4\",\n\t\t\tmd: \"h-9 w-9 rounded-md p-2 [&>svg]:size-[1.125rem]\",\n\t\t\tlg: \"h-10 w-10 rounded-lg p-2.5 [&>svg]:size-5\",\n\t\t\txl: \"h-11 w-11 rounded-lg p-2.5 [&>svg]:size-[1.375rem]\",\n\t\t\t\"2xl\": \"h-12 w-12 rounded-lg p-3 [&>svg]:size-6\"\n\t\t}\n\t} satisfies VariantsConfig<FeatureIconVariants>,\n\tdefaultVariants: {\n\t\tsize: \"md\"\n\t}\n});\n\nexport type FeatureIconProps = FeatureIconVariants & {\n\ticon: LucideIcon;\n\tclassName?: string;\n};\n\nexport const FeatureIcon: React.FC<FeatureIconProps> = ({ icon: Icon, size, className }) => {\n\treturn (\n\t\t<div className={featureIconVariants({ size, className })}>\n\t\t\t<Icon className=\"h-full w-full\" />\n\t\t</div>\n\t);\n};\n"],"names":["featureIconVariants","tv","FeatureIcon","Icon","size","className","jsx"],"mappings":";;AAQA,MAAMA,IAAsBC,EAAG;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAOYC,IAA0C,CAAC,EAAE,MAAMC,GAAM,MAAAC,GAAM,WAAAC,QAEzE,gBAAAC,EAAA,OAAA,EAAI,WAAWN,EAAoB,EAAE,MAAAI,GAAM,WAAAC,EAAU,CAAC,GACtD,UAAA,gBAAAC,EAACH,GAAK,EAAA,WAAU,gBAAgB,CAAA,GACjC;"}
|
|
1
|
+
{"version":3,"file":"FeatureIcon-BGE0Orkc.js","sources":["../src/components/icon/feature-icon/FeatureIcon.tsx"],"sourcesContent":["import { VariantsConfig } from \"@/lib/utils/variants\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport interface FeatureIconVariants {\r\n\tsize?: \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\r\n}\r\n\r\nconst featureIconVariants = tv({\r\n\tbase: \"flex items-center justify-center overflow-visible bg-status-neutral-bg text-status-neutral ring-1 ring-inset ring-secondary-border\",\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\t\"2xs\": \"h-6 w-6 rounded-sm p-1.5 [&>svg]:size-3\",\r\n\t\t\txs: \"h-7 w-7 rounded-sm p-1.5 [&>svg]:size-3.5\",\r\n\t\t\tsm: \"h-8 w-8 rounded-md p-1.5 [&>svg]:size-4\",\r\n\t\t\tmd: \"h-9 w-9 rounded-md p-2 [&>svg]:size-[1.125rem]\",\r\n\t\t\tlg: \"h-10 w-10 rounded-lg p-2.5 [&>svg]:size-5\",\r\n\t\t\txl: \"h-11 w-11 rounded-lg p-2.5 [&>svg]:size-[1.375rem]\",\r\n\t\t\t\"2xl\": \"h-12 w-12 rounded-lg p-3 [&>svg]:size-6\"\r\n\t\t}\r\n\t} satisfies VariantsConfig<FeatureIconVariants>,\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type FeatureIconProps = FeatureIconVariants & {\r\n\ticon: LucideIcon;\r\n\tclassName?: string;\r\n};\r\n\r\nexport const FeatureIcon: React.FC<FeatureIconProps> = ({ icon: Icon, size, className }) => {\r\n\treturn (\r\n\t\t<div className={featureIconVariants({ size, className })}>\r\n\t\t\t<Icon className=\"h-full w-full\" />\r\n\t\t</div>\r\n\t);\r\n};\r\n"],"names":["featureIconVariants","tv","FeatureIcon","Icon","size","className","jsx"],"mappings":";;AAQA,MAAMA,IAAsBC,EAAG;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,MAAM;AAAA,MACL,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAOYC,IAA0C,CAAC,EAAE,MAAMC,GAAM,MAAAC,GAAM,WAAAC,QAEzE,gBAAAC,EAAA,OAAA,EAAI,WAAWN,EAAoB,EAAE,MAAAI,GAAM,WAAAC,EAAU,CAAC,GACtD,UAAA,gBAAAC,EAACH,GAAK,EAAA,WAAU,gBAAgB,CAAA,GACjC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field-CKl59qUB.js","sources":["../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle-help.js","../src/components/field/Field.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleHelp = createLucideIcon(\"CircleHelp\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n]);\n\nexport { CircleHelp as default };\n//# sourceMappingURL=circle-help.js.map\n","import * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { CircleHelp } from \"lucide-react\";\nimport { FieldLabel } from \"@/components/label\";\nimport { Description } from \"@/components/description\";\nimport { useId } from \"react\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport type FieldLayout = \"horizontal\" | \"vertical\" | \"responsive\";\n\nexport interface FieldVariants {\n\t/** Вариант расположения элементов поля */\n\tlayout?: FieldLayout;\n\tshowGap?: boolean;\n}\n\nconst fieldStyles = tv({\n\tslots: {\n\t\twrapper: \"flex w-full space-y-0\",\n\t\tlabelWrapper: \"flex items-center gap-1\",\n\t\tcontrolWrapper: \"flex w-full min-w-0 flex-1 flex-col\",\n\t\terror: \"text-status-error\"\n\t},\n\tvariants: {\n\t\tlayout: {\n\t\t\thorizontal: {\n\t\t\t\twrapper: \"flex-row gap-4\",\n\t\t\t\tlabelWrapper: \"h-10 lg:h-9\"\n\t\t\t},\n\t\t\tvertical: {\n\t\t\t\twrapper: \"flex-col gap-2\",\n\t\t\t\tlabelWrapper: \"h-4\"\n\t\t\t},\n\t\t\tresponsive: {\n\t\t\t\twrapper: \"flex-col gap-2 lg:flex-row lg:gap-4\",\n\t\t\t\tlabelWrapper: \"h-4 lg:h-9\"\n\t\t\t}\n\t\t},\n\t\tshowGap: {\n\t\t\ttrue: { controlWrapper: \"gap-y-2\" }\n\t\t}\n\t} satisfies VariantsConfig<FieldVariants>,\n\tdefaultVariants: {\n\t\tlayout: \"horizontal\"\n\t}\n});\n\ntype DescriptionPlacement = \"text\" | \"icon\";\n\ntype ControlProps = {\n\t/** Режим только для чтения */\n\treadonly?: boolean;\n\t/** Идентификатор элемента. Используется для связи лейбла с элементом управления */\n\tid?: string;\n\t/** Текст сообщения об ошибке. При наличии делает поле невалидным */\n\terror?: string;\n};\n\nexport type FieldProps = Omit<FieldVariants, \"showGap\"> & {\n\t/** Заголовок поля */\n\ttitle: string;\n\t/** Описание поля */\n\tdescription?: React.ReactNode;\n\t/** Режим только для чтения */\n\treadonly?: boolean;\n\t/** Расположение описания */\n\tdescriptionPlacement?: DescriptionPlacement;\n\t/** Функция рендеринга контрола */\n\tcontrol: (props: ControlProps) => React.ReactNode;\n\t/** Обязательное поле */\n\trequired?: boolean;\n\t/** Текст ошибки */\n\terror?: string;\n\t/** Дополнительные классы для контейнера */\n\tclassName?: string;\n\t/** Дополнительные классы для лейбла */\n\tlabelClassName?: string;\n};\n\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\n\t(\n\t\t{\n\t\t\ttitle,\n\t\t\tdescription,\n\t\t\tdescriptionPlacement = \"text\",\n\t\t\tcontrol,\n\t\t\trequired,\n\t\t\terror,\n\t\t\tclassName,\n\t\t\tlabelClassName,\n\t\t\tlayout,\n\t\t\treadonly\n\t\t},\n\t\tref\n\t) => {\n\t\tconst generatedId = useId();\n\t\tconst showTextDescription = description && descriptionPlacement !== \"icon\";\n\t\tconst showIconDescription = description && descriptionPlacement === \"icon\";\n\n\t\tconst styles = fieldStyles({ layout, showGap: !!(showTextDescription || error) });\n\n\t\treturn (\n\t\t\t<div ref={ref} className={styles.wrapper({ className })}>\n\t\t\t\t<div className={styles.labelWrapper({ className: labelClassName })}>\n\t\t\t\t\t<FieldLabel\n\t\t\t\t\t\ttooltip={description}\n\t\t\t\t\t\ticon={showIconDescription ? CircleHelp : void 0}\n\t\t\t\t\t\trequired={!readonly && required}\n\t\t\t\t\t\thtmlFor={generatedId}\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</FieldLabel>\n\t\t\t\t</div>\n\n\t\t\t\t<div className={styles.controlWrapper()}>\n\t\t\t\t\t{control({ readonly, id: generatedId, error })}\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{showTextDescription && <Description size=\"xs\">{description}</Description>}\n\t\t\t\t\t\t{error && (\n\t\t\t\t\t\t\t<Description size=\"xs\" className={styles.error()}>\n\t\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t\t</Description>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nField.displayName = \"Field\";\n"],"names":["CircleHelp","createLucideIcon","fieldStyles","tv","Field","React","title","description","descriptionPlacement","control","required","error","className","labelClassName","layout","readonly","ref","generatedId","useId","showTextDescription","showIconDescription","styles","jsxs","jsx","FieldLabel","Description"],"mappings":";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAaC,EAAiB,cAAc;AAAA,EAChD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,MAAM,KAAK,UAAU;AAAA,EACzD,CAAC,QAAQ,EAAE,GAAG,wCAAwC,KAAK,SAAQ,CAAE;AAAA,EACrE,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAU,CAAA;AAC7C,CAAC,GCGKC,IAAcC,EAAG;AAAA,EACtB,OAAO;AAAA,IACN,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,OAAO;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,YAAY;AAAA,QACX,SAAS;AAAA,QACT,cAAc;AAAA,MACf;AAAA,MACA,UAAU;AAAA,QACT,SAAS;AAAA,QACT,cAAc;AAAA,MACf;AAAA,MACA,YAAY;AAAA,QACX,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,SAAS;AAAA,MACR,MAAM,EAAE,gBAAgB,UAAU;AAAA,IAAA;AAAA,EAEpC;AAAA,EACA,iBAAiB;AAAA,IAChB,QAAQ;AAAA,EAAA;AAEV,CAAC,GAkCYC,IAAQC,EAAM;AAAA,EAC1B,CACC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,KAEDC,MACI;AACJ,UAAMC,IAAcC,EAAM,GACpBC,IAAsBZ,KAAeC,MAAyB,QAC9DY,IAAsBb,KAAeC,MAAyB,QAE9Da,IAASnB,EAAY,EAAE,QAAAY,GAAQ,SAAS,CAAC,EAAEK,KAAuBR,IAAQ;AAG/E,WAAA,gBAAAW,EAAC,SAAI,KAAAN,GAAU,WAAWK,EAAO,QAAQ,EAAE,WAAAT,GAAW,GACrD,UAAA;AAAA,MAAC,gBAAAW,EAAA,OAAA,EAAI,WAAWF,EAAO,aAAa,EAAE,WAAWR,EAAA,CAAgB,GAChE,UAAA,gBAAAU;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAASjB;AAAA,UACT,MAAMa,IAAsBpB,IAAa;AAAA,UACzC,UAAU,CAACe,KAAYL;AAAA,UACvB,SAASO;AAAA,UAER,UAAAX;AAAA,QAAA;AAAA,MAAA,GAEH;AAAA,MAEC,gBAAAgB,EAAA,OAAA,EAAI,WAAWD,EAAO,eACrB,GAAA,UAAA;AAAA,QAAAZ,EAAQ,EAAE,UAAAM,GAAU,IAAIE,GAAa,OAAAN,GAAO;AAAA,0BAC5C,OACC,EAAA,UAAA;AAAA,UAAAQ,KAAwB,gBAAAI,EAAAE,GAAA,EAAY,MAAK,MAAM,UAAYlB,GAAA;AAAA,UAC3DI,uBACCc,GAAY,EAAA,MAAK,MAAK,WAAWJ,EAAO,SACvC,UACFV,EAAA,CAAA;AAAA,QAAA,EAEF,CAAA;AAAA,MAAA,EACD,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAGH;AAEAP,EAAM,cAAc;","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"Field-CKl59qUB.js","sources":["../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/circle-help.js","../src/components/field/Field.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleHelp = createLucideIcon(\"CircleHelp\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n]);\n\nexport { CircleHelp as default };\n//# sourceMappingURL=circle-help.js.map\n","import * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { CircleHelp } from \"lucide-react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\nimport { useId } from \"react\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport type FieldLayout = \"horizontal\" | \"vertical\" | \"responsive\";\r\n\r\nexport interface FieldVariants {\r\n\t/** Вариант расположения элементов поля */\r\n\tlayout?: FieldLayout;\r\n\tshowGap?: boolean;\r\n}\r\n\r\nconst fieldStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"flex w-full space-y-0\",\r\n\t\tlabelWrapper: \"flex items-center gap-1\",\r\n\t\tcontrolWrapper: \"flex w-full min-w-0 flex-1 flex-col\",\r\n\t\terror: \"text-status-error\"\r\n\t},\r\n\tvariants: {\r\n\t\tlayout: {\r\n\t\t\thorizontal: {\r\n\t\t\t\twrapper: \"flex-row gap-4\",\r\n\t\t\t\tlabelWrapper: \"h-10 lg:h-9\"\r\n\t\t\t},\r\n\t\t\tvertical: {\r\n\t\t\t\twrapper: \"flex-col gap-2\",\r\n\t\t\t\tlabelWrapper: \"h-4\"\r\n\t\t\t},\r\n\t\t\tresponsive: {\r\n\t\t\t\twrapper: \"flex-col gap-2 lg:flex-row lg:gap-4\",\r\n\t\t\t\tlabelWrapper: \"h-4 lg:h-9\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tshowGap: {\r\n\t\t\ttrue: { controlWrapper: \"gap-y-2\" }\r\n\t\t}\r\n\t} satisfies VariantsConfig<FieldVariants>,\r\n\tdefaultVariants: {\r\n\t\tlayout: \"horizontal\"\r\n\t}\r\n});\r\n\r\ntype DescriptionPlacement = \"text\" | \"icon\";\r\n\r\ntype ControlProps = {\r\n\t/** Режим только для чтения */\r\n\treadonly?: boolean;\r\n\t/** Идентификатор элемента. Используется для связи лейбла с элементом управления */\r\n\tid?: string;\r\n\t/** Текст сообщения об ошибке. При наличии делает поле невалидным */\r\n\terror?: string;\r\n};\r\n\r\nexport type FieldProps = Omit<FieldVariants, \"showGap\"> & {\r\n\t/** Заголовок поля */\r\n\ttitle: string;\r\n\t/** Описание поля */\r\n\tdescription?: React.ReactNode;\r\n\t/** Режим только для чтения */\r\n\treadonly?: boolean;\r\n\t/** Расположение описания */\r\n\tdescriptionPlacement?: DescriptionPlacement;\r\n\t/** Функция рендеринга контрола */\r\n\tcontrol: (props: ControlProps) => React.ReactNode;\r\n\t/** Обязательное поле */\r\n\trequired?: boolean;\r\n\t/** Текст ошибки */\r\n\terror?: string;\r\n\t/** Дополнительные классы для контейнера */\r\n\tclassName?: string;\r\n\t/** Дополнительные классы для лейбла */\r\n\tlabelClassName?: string;\r\n};\r\n\r\nexport const Field = React.forwardRef<HTMLDivElement, FieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\ttitle,\r\n\t\t\tdescription,\r\n\t\t\tdescriptionPlacement = \"text\",\r\n\t\t\tcontrol,\r\n\t\t\trequired,\r\n\t\t\terror,\r\n\t\t\tclassName,\r\n\t\t\tlabelClassName,\r\n\t\t\tlayout,\r\n\t\t\treadonly\r\n\t\t},\r\n\t\tref\r\n\t) => {\r\n\t\tconst generatedId = useId();\r\n\t\tconst showTextDescription = description && descriptionPlacement !== \"icon\";\r\n\t\tconst showIconDescription = description && descriptionPlacement === \"icon\";\r\n\r\n\t\tconst styles = fieldStyles({ layout, showGap: !!(showTextDescription || error) });\r\n\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={styles.wrapper({ className })}>\r\n\t\t\t\t<div className={styles.labelWrapper({ className: labelClassName })}>\r\n\t\t\t\t\t<FieldLabel\r\n\t\t\t\t\t\ttooltip={description}\r\n\t\t\t\t\t\ticon={showIconDescription ? CircleHelp : void 0}\r\n\t\t\t\t\t\trequired={!readonly && required}\r\n\t\t\t\t\t\thtmlFor={generatedId}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{title}\r\n\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className={styles.controlWrapper()}>\r\n\t\t\t\t\t{control({ readonly, id: generatedId, error })}\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t{showTextDescription && <Description size=\"xs\">{description}</Description>}\r\n\t\t\t\t\t\t{error && (\r\n\t\t\t\t\t\t\t<Description size=\"xs\" className={styles.error()}>\r\n\t\t\t\t\t\t\t\t{error}\r\n\t\t\t\t\t\t\t</Description>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nField.displayName = \"Field\";\r\n"],"names":["CircleHelp","createLucideIcon","fieldStyles","tv","Field","React","title","description","descriptionPlacement","control","required","error","className","labelClassName","layout","readonly","ref","generatedId","useId","showTextDescription","showIconDescription","styles","jsxs","jsx","FieldLabel","Description"],"mappings":";;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAaC,EAAiB,cAAc;AAAA,EAChD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,MAAM,KAAK,UAAU;AAAA,EACzD,CAAC,QAAQ,EAAE,GAAG,wCAAwC,KAAK,SAAQ,CAAE;AAAA,EACrE,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAU,CAAA;AAC7C,CAAC,GCGKC,IAAcC,EAAG;AAAA,EACtB,OAAO;AAAA,IACN,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,OAAO;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,YAAY;AAAA,QACX,SAAS;AAAA,QACT,cAAc;AAAA,MACf;AAAA,MACA,UAAU;AAAA,QACT,SAAS;AAAA,QACT,cAAc;AAAA,MACf;AAAA,MACA,YAAY;AAAA,QACX,SAAS;AAAA,QACT,cAAc;AAAA,MAAA;AAAA,IAEhB;AAAA,IACA,SAAS;AAAA,MACR,MAAM,EAAE,gBAAgB,UAAU;AAAA,IAAA;AAAA,EAEpC;AAAA,EACA,iBAAiB;AAAA,IAChB,QAAQ;AAAA,EAAA;AAEV,CAAC,GAkCYC,IAAQC,EAAM;AAAA,EAC1B,CACC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,KAEDC,MACI;AACJ,UAAMC,IAAcC,EAAM,GACpBC,IAAsBZ,KAAeC,MAAyB,QAC9DY,IAAsBb,KAAeC,MAAyB,QAE9Da,IAASnB,EAAY,EAAE,QAAAY,GAAQ,SAAS,CAAC,EAAEK,KAAuBR,IAAQ;AAG/E,WAAA,gBAAAW,EAAC,SAAI,KAAAN,GAAU,WAAWK,EAAO,QAAQ,EAAE,WAAAT,GAAW,GACrD,UAAA;AAAA,MAAC,gBAAAW,EAAA,OAAA,EAAI,WAAWF,EAAO,aAAa,EAAE,WAAWR,EAAA,CAAgB,GAChE,UAAA,gBAAAU;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAASjB;AAAA,UACT,MAAMa,IAAsBpB,IAAa;AAAA,UACzC,UAAU,CAACe,KAAYL;AAAA,UACvB,SAASO;AAAA,UAER,UAAAX;AAAA,QAAA;AAAA,MAAA,GAEH;AAAA,MAEC,gBAAAgB,EAAA,OAAA,EAAI,WAAWD,EAAO,eACrB,GAAA,UAAA;AAAA,QAAAZ,EAAQ,EAAE,UAAAM,GAAU,IAAIE,GAAa,OAAAN,GAAO;AAAA,0BAC5C,OACC,EAAA,UAAA;AAAA,UAAAQ,KAAwB,gBAAAI,EAAAE,GAAA,EAAY,MAAK,MAAM,UAAYlB,GAAA;AAAA,UAC3DI,uBACCc,GAAY,EAAA,MAAK,MAAK,WAAWJ,EAAO,SACvC,UACFV,EAAA,CAAA;AAAA,QAAA,EAEF,CAAA;AAAA,MAAA,EACD,CAAA;AAAA,IAAA,GACD;AAAA,EAAA;AAGH;AAEAP,EAAM,cAAc;","x_google_ignoreList":[0]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldLabel-QJ4rJFOi.js","sources":["../node_modules/.pnpm/@radix-ui+react-label@2.1.
|
|
1
|
+
{"version":3,"file":"FieldLabel-QJ4rJFOi.js","sources":["../node_modules/.pnpm/@radix-ui+react-label@2.1.8_06ea743dca7d9215da8e661312ca1eb5/node_modules/@radix-ui/react-label/dist/index.mjs","../src/components/label/Label.tsx","../src/components/label/field-label/components/RequiredIcon.tsx","../src/components/label/field-label/FieldLabel.tsx"],"sourcesContent":["\"use client\";\n\n// src/label.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Label\";\nvar Label = React.forwardRef((props, forwardedRef) => {\n return /* @__PURE__ */ jsx(\n Primitive.label,\n {\n ...props,\n ref: forwardedRef,\n onMouseDown: (event) => {\n const target = event.target;\n if (target.closest(\"button, input, select, textarea\")) return;\n props.onMouseDown?.(event);\n if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n }\n }\n );\n});\nLabel.displayName = NAME;\nvar Root = Label;\nexport {\n Label,\n Root\n};\n//# sourceMappingURL=index.mjs.map\n","import * as LabelPrimitive from \"@radix-ui/react-label\";\r\nimport * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst labelStyles = tv({\r\n\tbase: \"text-sm font-medium leading-none text-primary-fg peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\r\n});\r\n\r\nconst Label = React.forwardRef<\r\n\tReact.ElementRef<typeof LabelPrimitive.Root>,\r\n\tReact.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\r\n>(({ className, ...props }, ref) => (\r\n\t<LabelPrimitive.Root ref={ref} className={labelStyles({ className })} {...props} />\r\n));\r\nLabel.displayName = LabelPrimitive.Root.displayName;\r\n\r\nexport { Label };\r\n","import { tv } from \"tailwind-variants\";\r\n\r\nconst requiredIconStyles = tv({\r\n\tbase: \"stroke-status-error\"\r\n});\r\n\r\ninterface RequiredIconProps {\r\n\tclassName?: string;\r\n}\r\n\r\nexport function RequiredIcon({ className }: RequiredIconProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tclassName={requiredIconStyles({ className })}\r\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\twidth=\"24\"\r\n\t\t\theight=\"24\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12.0001 3V21M20 7.5L4 16.5M4 7.5L20 16.5\"\r\n\t\t\t\tstrokeWidth=\"3\"\r\n\t\t\t\tstrokeLinecap=\"round\"\r\n\t\t\t\tstrokeLinejoin=\"round\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n","import React from \"react\";\r\nimport { Label } from \"../Label\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Icon } from \"@/components/icon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { IconTooltip } from \"@/components/icon-tooltip/IconTooltip\";\r\nimport { RequiredIcon } from \"./components/RequiredIcon\";\r\n\r\nconst fieldLabelVariants = tv({\r\n\tslots: {\r\n\t\tbase: \"flex h-4 min-w-0 items-center gap-x-0.5 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\r\n\t\trequiredMark: \"h-2 w-2 self-start\",\r\n\t\ticon: \"ml-1 text-muted\"\r\n\t}\r\n});\r\n\r\ninterface FieldLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {\r\n\tclassName?: string;\r\n\trequired?: boolean;\r\n\ticon?: LucideIcon;\r\n\ttooltip?: React.ReactNode;\r\n}\r\n\r\nexport const FieldLabel = React.forwardRef<React.ElementRef<typeof Label>, FieldLabelProps>(\r\n\t({ className, children, htmlFor, icon, tooltip, required, ...props }, ref) => {\r\n\t\tconst { base, requiredMark, icon: iconStyles } = fieldLabelVariants();\r\n\r\n\t\treturn (\r\n\t\t\t<Label ref={ref} className={base({ className })} htmlFor={htmlFor} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t\t{required && <RequiredIcon className={requiredMark()} />}\r\n\t\t\t\t{icon &&\r\n\t\t\t\t\t(tooltip ? (\r\n\t\t\t\t\t\t<IconTooltip content={tooltip} iconSize=\"sm\" icon={icon} iconClassName={iconStyles()} />\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Icon size=\"sm\" icon={icon} className={iconStyles()} />\r\n\t\t\t\t\t))}\r\n\t\t\t</Label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFieldLabel.displayName = \"FieldLabel\";\r\n"],"names":["NAME","Label","React","props","forwardedRef","jsx","Primitive","event","Root","labelStyles","tv","className","ref","LabelPrimitive.Root","requiredIconStyles","RequiredIcon","fieldLabelVariants","FieldLabel","children","htmlFor","icon","tooltip","required","base","requiredMark","iconStyles","jsxs","IconTooltip","Icon"],"mappings":";;;;;;;AAMA,IAAIA,IAAO,SACPC,IAAQC,EAAM,WAAW,CAACC,GAAOC,MACZ,gBAAAC;AAAA,EACrBC,EAAU;AAAA,EACV;AAAA,IACE,GAAGH;AAAA,IACH,KAAKC;AAAA,IACL,aAAa,CAACG,MAAU;AAEtB,MADeA,EAAM,OACV,QAAQ,iCAAiC,MACpDJ,EAAM,cAAcI,CAAK,GACrB,CAACA,EAAM,oBAAoBA,EAAM,SAAS,KAAGA,EAAM,eAAgB;AAAA,IAC/E;AAAA,EACA;AACG,CACF;AACDN,EAAM,cAAcD;AACpB,IAAIQ,IAAOP;ACnBX,MAAMQ,IAAcC,EAAG;AAAA,EACtB,MAAM;AACP,CAAC,GAEKT,IAAQC,EAAM,WAGlB,CAAC,EAAE,WAAAS,GAAW,GAAGR,EAAM,GAAGS,MAC3B,gBAAAP,EAACQ,GAAA,EAAoB,KAAAD,GAAU,WAAWH,EAAY,EAAE,WAAAE,GAAW,GAAI,GAAGR,GAAO,CACjF;AACDF,EAAM,cAAcY,EAAoB;ACZxC,MAAMC,IAAqBJ,EAAG;AAAA,EAC7B,MAAM;AACP,CAAC;AAMe,SAAAK,EAAa,EAAE,WAAAJ,KAAgC;AAE7D,SAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWS,EAAmB,EAAE,WAAAH,GAAW;AAAA,MAC3C,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MAEL,UAAA,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,GAAE;AAAA,UACF,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAAA,EACD;AAEF;ACpBA,MAAMW,IAAqBN,EAAG;AAAA,EAC7B,OAAO;AAAA,IACN,MAAM;AAAA,IACN,cAAc;AAAA,IACd,MAAM;AAAA,EAAA;AAER,CAAC,GASYO,IAAaf,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAS,GAAW,UAAAO,GAAU,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,GAAGnB,EAAM,GAAGS,MAAQ;AAC7E,UAAM,EAAE,MAAAW,GAAM,cAAAC,GAAc,MAAMC,EAAA,IAAeT,EAAmB;AAGnE,WAAA,gBAAAU,EAACzB,GAAM,EAAA,KAAAW,GAAU,WAAWW,EAAK,EAAE,WAAAZ,EAAW,CAAA,GAAG,SAAAQ,GAAmB,GAAGhB,GACrE,UAAA;AAAA,MAAAe;AAAA,MACAI,KAAY,gBAAAjB,EAACU,GAAa,EAAA,WAAWS,EAAgB,EAAA,CAAA;AAAA,MACrDJ,MACCC,IACC,gBAAAhB,EAAAsB,GAAA,EAAY,SAASN,GAAS,UAAS,MAAK,MAAAD,GAAY,eAAeK,KAAc,sBAErFG,GAAK,EAAA,MAAK,MAAK,MAAAR,GAAY,WAAWK,KAAc;AAAA,IAAA,GAExD;AAAA,EAAA;AAGH;AAEAR,EAAW,cAAc;","x_google_ignoreList":[0]}
|