@nuee/ui 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +4 -4
- package/dist/accordion.js +129 -219
- package/dist/accordion.js.map +2 -2
- package/dist/alert-dialog.d.ts +5 -5
- package/dist/alert-dialog.js +138 -249
- package/dist/alert-dialog.js.map +3 -3
- package/dist/aspect-ratio.d.ts +1 -1
- package/dist/aspect-ratio.js +19 -50
- package/dist/aspect-ratio.js.map +2 -2
- package/dist/attachment.d.ts +8 -8
- package/dist/attachment.js +158 -286
- package/dist/attachment.js.map +3 -3
- package/dist/avatar.d.ts +6 -6
- package/dist/avatar.js +98 -212
- package/dist/avatar.js.map +3 -3
- package/dist/badge.d.ts +1 -1
- package/dist/badge.js +19 -50
- package/dist/badge.js.map +2 -2
- package/dist/banner.d.ts +3 -3
- package/dist/banner.js +111 -204
- package/dist/banner.js.map +2 -2
- package/dist/breadcrumb.d.ts +7 -7
- package/dist/breadcrumb.js +90 -178
- package/dist/breadcrumb.js.map +3 -3
- package/dist/bubble.d.ts +1 -1
- package/dist/bubble.js +23 -54
- package/dist/bubble.js.map +2 -2
- package/dist/button-group.d.ts +2 -2
- package/dist/button-group.js +69 -162
- package/dist/button-group.js.map +2 -2
- package/dist/button.d.ts +1 -1
- package/dist/button.js +42 -73
- package/dist/button.js.map +2 -2
- package/dist/card.d.ts +6 -6
- package/dist/card.js +97 -283
- package/dist/card.js.map +2 -2
- package/dist/checkbox.d.ts +1 -1
- package/dist/checkbox.js +23 -42
- package/dist/checkbox.js.map +2 -2
- package/dist/collapsible.d.ts +3 -3
- package/dist/collapsible.js +108 -180
- package/dist/collapsible.js.map +2 -2
- package/dist/combobox.d.ts +3 -3
- package/dist/combobox.js +194 -275
- package/dist/combobox.js.map +2 -2
- package/dist/content-row.d.ts +7 -7
- package/dist/content-row.js +96 -184
- package/dist/content-row.js.map +3 -3
- package/dist/context-menu.js +257 -386
- package/dist/context-menu.js.map +2 -2
- package/dist/dialog.d.ts +5 -5
- package/dist/dialog.js +106 -189
- package/dist/dialog.js.map +3 -3
- package/dist/drawer.d.ts +7 -7
- package/dist/drawer.js +152 -266
- package/dist/drawer.js.map +3 -3
- package/dist/dropdown-menu.d.ts +6 -6
- package/dist/dropdown-menu.js +257 -386
- package/dist/dropdown-menu.js.map +2 -2
- package/dist/empty.d.ts +6 -6
- package/dist/empty.js +91 -164
- package/dist/empty.js.map +3 -3
- package/dist/field.d.ts +9 -9
- package/dist/field.js +154 -367
- package/dist/field.js.map +3 -3
- package/dist/hover-card.d.ts +1 -1
- package/dist/hover-card.js +40 -91
- package/dist/hover-card.js.map +2 -2
- package/dist/index.js +3838 -6825
- package/dist/index.js.map +4 -4
- package/dist/input-group.d.ts +3 -3
- package/dist/input-group.js +139 -325
- package/dist/input-group.js.map +2 -2
- package/dist/input-otp.d.ts +4 -4
- package/dist/input-otp.js +67 -133
- package/dist/input-otp.js.map +3 -3
- package/dist/input.d.ts +1 -1
- package/dist/input.js +18 -49
- package/dist/input.js.map +2 -2
- package/dist/kbd.d.ts +2 -2
- package/dist/kbd.js +32 -94
- package/dist/kbd.js.map +2 -2
- package/dist/label.d.ts +1 -1
- package/dist/label.js +16 -47
- package/dist/label.js.map +2 -2
- package/dist/link.js +31 -63
- package/dist/link.js.map +2 -2
- package/dist/marker.d.ts +3 -3
- package/dist/marker.js +42 -87
- package/dist/marker.js.map +3 -3
- package/dist/menubar.d.ts +1 -1
- package/dist/menubar.js +300 -456
- package/dist/menubar.js.map +3 -3
- package/dist/message-scroller.d.ts +1 -1
- package/dist/message-scroller.js +99 -161
- package/dist/message-scroller.js.map +2 -2
- package/dist/message.d.ts +4 -4
- package/dist/message.js +55 -111
- package/dist/message.js.map +3 -3
- package/dist/native-select.d.ts +1 -1
- package/dist/native-select.js +36 -67
- package/dist/native-select.js.map +2 -2
- package/dist/navigation-menu.d.ts +4 -4
- package/dist/navigation-menu.js +234 -333
- package/dist/navigation-menu.js.map +2 -2
- package/dist/pagination.d.ts +5 -5
- package/dist/pagination.js +68 -133
- package/dist/pagination.js.map +3 -3
- package/dist/popover.d.ts +4 -4
- package/dist/popover.js +73 -136
- package/dist/popover.js.map +3 -3
- package/dist/progress.d.ts +1 -1
- package/dist/progress.js +28 -41
- package/dist/progress.js.map +2 -2
- package/dist/radio-group.d.ts +2 -2
- package/dist/radio-group.js +48 -82
- package/dist/radio-group.js.map +2 -2
- package/dist/scroll-area.d.ts +2 -2
- package/dist/scroll-area.js +80 -106
- package/dist/scroll-area.js.map +2 -2
- package/dist/select.d.ts +3 -3
- package/dist/select.js +190 -271
- package/dist/select.js.map +2 -2
- package/dist/separator.d.ts +1 -1
- package/dist/separator.js +24 -55
- package/dist/separator.js.map +2 -2
- package/dist/skeleton.d.ts +1 -1
- package/dist/skeleton.js +16 -47
- package/dist/skeleton.js.map +2 -2
- package/dist/slider.d.ts +1 -1
- package/dist/slider.js +52 -65
- package/dist/slider.js.map +2 -2
- package/dist/spinner.d.ts +1 -1
- package/dist/spinner.js +19 -50
- package/dist/spinner.js.map +2 -2
- package/dist/switch.d.ts +1 -1
- package/dist/switch.js +28 -48
- package/dist/switch.js.map +2 -2
- package/dist/table.d.ts +8 -8
- package/dist/table.js +112 -212
- package/dist/table.js.map +3 -3
- package/dist/tabs.d.ts +4 -4
- package/dist/tabs.js +115 -194
- package/dist/tabs.js.map +2 -2
- package/dist/textarea.d.ts +1 -1
- package/dist/textarea.js +18 -49
- package/dist/textarea.js.map +2 -2
- package/dist/toggle-group.d.ts +2 -2
- package/dist/toggle-group.js +67 -103
- package/dist/toggle-group.js.map +2 -2
- package/dist/toggle.d.ts +1 -1
- package/dist/toggle.js +26 -46
- package/dist/toggle.js.map +2 -2
- package/dist/tooltip.d.ts +1 -1
- package/dist/tooltip.js +39 -56
- package/dist/tooltip.js.map +2 -2
- package/dist/typography.d.ts +7 -4
- package/dist/typography.js +1 -8
- package/dist/typography.js.map +2 -2
- package/package.json +3 -3
- package/dist/stylex-props.d.ts +0 -3
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/message-scroller.tsx", "../src/button.tsx", "../src/Icon.tsx"],
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { type ComponentProps, type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"./button\";\nimport { Icon } from \"./Icon\";\nimport { colorVars, motionVars, radiusVars, spacingVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kAzted: \"x2lwn1j\",\n kVQacm: \"xb3r6kr\",\n kVAEAm: \"x1n2onr6\",\n $$css: true\n },\n action: {\n kaIpWk: \"x9gkxt8\",\n krVfgx: \"xe0eaj1\",\n kbCHJM: \"x1nrll8i\",\n k7Eaqz: \"x19hwnzc\",\n kSiTet: \"x1hc1fzr\",\n kVAEAm: \"x10l6tqk\",\n k3aq6I: \"xuuh30\",\n kIyJzY: \"x1ial40k\",\n k1ekBW: \"x6o7n8i\",\n $$css: true\n }\n};\nexport type MessageScrollerProps = ComponentProps<\"div\"> & {\n children: ReactNode;\n /** Keeps the latest message in view when new messages are added. @default true */\n followOutput?: boolean;\n scrollLabel?: string;\n xstyle?: stylex.StyleXStyles;\n};\nexport function MessageScroller(t0) {\n const $ = _c(36);\n let children;\n let className;\n let props;\n let style;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n className,\n followOutput: t1,\n scrollLabel: t2,\n style,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = className;\n $[3] = props;\n $[4] = style;\n $[5] = t1;\n $[6] = t2;\n $[7] = xstyle;\n } else {\n children = $[1];\n className = $[2];\n props = $[3];\n style = $[4];\n t1 = $[5];\n t2 = $[6];\n xstyle = $[7];\n }\n const followOutput = t1 === undefined ? true : t1;\n const scrollLabel = t2 === undefined ? \"Scroll to latest message\" : t2;\n const viewportRef = useRef(null);\n const [isAtEnd, setIsAtEnd] = useState(true);\n let t3;\n if ($[8] !== followOutput || $[9] !== isAtEnd) {\n t3 = () => {\n if (followOutput && isAtEnd) {\n viewportRef.current?.scrollTo({\n top: viewportRef.current.scrollHeight\n });\n }\n };\n $[8] = followOutput;\n $[9] = isAtEnd;\n $[10] = t3;\n } else {\n t3 = $[10];\n }\n let t4;\n if ($[11] !== children || $[12] !== followOutput || $[13] !== isAtEnd) {\n t4 = [children, followOutput, isAtEnd];\n $[11] = children;\n $[12] = followOutput;\n $[13] = isAtEnd;\n $[14] = t4;\n } else {\n t4 = $[14];\n }\n useEffect(t3, t4);\n let t5;\n if ($[15] !== xstyle) {\n t5 = stylex.props(styles.root, xstyle);\n $[15] = xstyle;\n $[16] = t5;\n } else {\n t5 = $[16];\n }\n const resolved = t5;\n let t6;\n if ($[17] !== className || $[18] !== resolved.className) {\n t6 = [resolved.className, className].filter(Boolean);\n $[17] = className;\n $[18] = resolved.className;\n $[19] = t6;\n } else {\n t6 = $[19];\n }\n const t7 = t6.join(\" \");\n let t8;\n if ($[20] !== resolved.style || $[21] !== style) {\n t8 = {\n ...resolved.style,\n ...style\n };\n $[20] = resolved.style;\n $[21] = style;\n $[22] = t8;\n } else {\n t8 = $[22];\n }\n let t10;\n let t9;\n if ($[23] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t9 = {\n className: \"x78zum5 xdt5ytf xzwduhw x5yr21d x1odjw0f xish69e xkcv6ua x10vjxrz xg83hb1\"\n };\n t10 = event => {\n const target = event.currentTarget;\n setIsAtEnd(target.scrollHeight - target.scrollTop - target.clientHeight < 4);\n };\n $[23] = t10;\n $[24] = t9;\n } else {\n t10 = $[23];\n t9 = $[24];\n }\n let t11;\n if ($[25] !== children) {\n t11 = <div ref={viewportRef} {...t9} onScroll={t10}>{children}</div>;\n $[25] = children;\n $[26] = t11;\n } else {\n t11 = $[26];\n }\n let t12;\n if ($[27] !== isAtEnd || $[28] !== scrollLabel) {\n t12 = !isAtEnd ? <Button aria-label={scrollLabel} size=\"sm\" variant=\"secondary\" xstyle={styles.action} onClick={() => viewportRef.current?.scrollTo({\n behavior: \"smooth\",\n top: viewportRef.current.scrollHeight\n })}><Icon name=\"arrowDown\" /></Button> : null;\n $[27] = isAtEnd;\n $[28] = scrollLabel;\n $[29] = t12;\n } else {\n t12 = $[29];\n }\n let t13;\n if ($[30] !== props || $[31] !== t11 || $[32] !== t12 || $[33] !== t7 || $[34] !== t8) {\n t13 = <div {...props} className={t7} style={t8}>{t11}{t12}</div>;\n $[30] = props;\n $[31] = t11;\n $[32] = t12;\n $[33] = t7;\n $[34] = t8;\n $[35] = t13;\n } else {\n t13 = $[35];\n }\n return t13;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kysU6D: \"xjyslct\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1uj7ll3\",\n kHBbk8: \"xc8icb0\",\n kjj79g: \"xl56j7k\",\n kLWn49: \"x1hfsx4t\",\n kI3sdo: \"x1a2a7pz\",\n kVQacm: \"xb3r6kr\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xscx6xn\",\n kfSwDN: \"x87ps6o\",\n khDVqt: \"xuxw1ft\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n kLkRvE: \"xqhzmhv\",\n kgeoSG: \"x1cpjm7i\",\n kFcpXp: \"xxx281p\",\n km8f2m: \"xkk1bqk\",\n kEoFBp: \"x1hmns74\",\n kxmVGU: \"x2hztxu\",\n $$css: true\n },\n solidInteraction: {\n kLkRvE: \"xqhzmhv x1v9rfms x1c9ljbx\",\n $$css: true\n },\n surfaceInteraction: {\n kLkRvE: \"xqhzmhv x10nvyxg x1kux2mm\",\n $$css: true\n },\n content: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kOIVth: \"x1uj7ll3\",\n kVAEAm: \"x1n2onr6\",\n kY2c9j: \"x1vjfegm\",\n $$css: true\n },\n primaryContent: {\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n destructiveContent: {\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabledContent: {\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n primary: {\n kWkggS: \"x92qhq\",\n kVAM5u: \"x1nbx55b\",\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n secondary: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n ghost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n destructive: {\n kWkggS: \"xstylu5\",\n kVAM5u: \"xg020jo\",\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n disabledGhost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n $$css: true\n },\n disabledInteraction: {\n kLkRvE: \"xqhzmhv\",\n $$css: true\n },\n sm: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x5vhmdc\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n md: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x1f831s2\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n lg: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"xbdy5jr\",\n kg3NbH: \"xo72ft4\",\n $$css: true\n }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {\n children: ReactNode;\n size?: ButtonSize;\n variant?: ButtonVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Button(t0) {\n const $ = _c(33);\n let children;\n let className;\n let disabled;\n let props;\n let style;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n className,\n disabled,\n size: t1,\n style,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = className;\n $[3] = disabled;\n $[4] = props;\n $[5] = style;\n $[6] = t1;\n $[7] = t2;\n $[8] = xstyle;\n } else {\n children = $[1];\n className = $[2];\n disabled = $[3];\n props = $[4];\n style = $[5];\n t1 = $[6];\n t2 = $[7];\n xstyle = $[8];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"primary\" : t2;\n const isDisabled = Boolean(disabled);\n const hasSolidBackground = variant === \"primary\" || variant === \"destructive\";\n let t3;\n if ($[9] !== hasSolidBackground || $[10] !== isDisabled || $[11] !== size || $[12] !== variant || $[13] !== xstyle) {\n t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === \"ghost\" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);\n $[9] = hasSolidBackground;\n $[10] = isDisabled;\n $[11] = size;\n $[12] = variant;\n $[13] = xstyle;\n $[14] = t3;\n } else {\n t3 = $[14];\n }\n const stylexProps = t3;\n let t4;\n if ($[15] !== className || $[16] !== stylexProps.className) {\n t4 = [stylexProps.className, className].filter(Boolean);\n $[15] = className;\n $[16] = stylexProps.className;\n $[17] = t4;\n } else {\n t4 = $[17];\n }\n const mergedClassName = t4.join(\" \");\n let t5;\n if ($[18] !== isDisabled || $[19] !== variant) {\n t5 = {\n 0: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm\"\n },\n 4: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l\"\n },\n 2: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n },\n 6: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n },\n 1: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 5: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 3: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 7: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n }\n }[!!(variant === \"primary\") << 2 | !!(variant === \"destructive\") << 1 | !!isDisabled << 0];\n $[18] = isDisabled;\n $[19] = variant;\n $[20] = t5;\n } else {\n t5 = $[20];\n }\n const contentStylexProps = t5;\n let t6;\n if ($[21] !== style || $[22] !== stylexProps.style) {\n t6 = {\n ...stylexProps.style,\n ...style\n };\n $[21] = style;\n $[22] = stylexProps.style;\n $[23] = t6;\n } else {\n t6 = $[23];\n }\n let t7;\n if ($[24] !== children || $[25] !== contentStylexProps) {\n t7 = <span {...contentStylexProps}>{children}</span>;\n $[24] = children;\n $[25] = contentStylexProps;\n $[26] = t7;\n } else {\n t7 = $[26];\n }\n let t8;\n if ($[27] !== disabled || $[28] !== mergedClassName || $[29] !== props || $[30] !== t6 || $[31] !== t7) {\n t8 = <ButtonPrimitive {...props} className={mergedClassName} disabled={disabled} style={t6}>{t7}</ButtonPrimitive>;\n $[27] = disabled;\n $[28] = mergedClassName;\n $[29] = props;\n $[30] = t6;\n $[31] = t7;\n $[32] = t8;\n } else {\n t8 = $[32];\n }\n return t8;\n}", "import type { Icon as PhosphorIcon, IconProps as PhosphorIconProps } from \"@phosphor-icons/react\";\nimport {\n ArrowDownIcon,\n ArrowSquareOutIcon,\n ArrowsDownUpIcon,\n ArrowUpIcon,\n CalendarIcon,\n CaretDoubleLeftIcon,\n CaretDoubleRightIcon,\n CaretDownIcon,\n CaretLeftIcon,\n CaretRightIcon,\n CaretUpIcon,\n CaretUpDownIcon,\n CheckCircleIcon,\n CheckIcon,\n ChecksIcon,\n ClockIcon,\n ColumnsIcon,\n CopyIcon,\n DotsThreeIcon,\n EyeSlashIcon,\n FileIcon,\n FolderIcon,\n FunnelIcon,\n GitBranchIcon,\n InfoIcon,\n ListIcon,\n MagnifyingGlassIcon,\n MicrophoneIcon,\n PaperclipIcon,\n DownloadSimpleIcon,\n StopIcon,\n WarningIcon,\n WrenchIcon,\n XCircleIcon,\n XIcon,\n} from \"@phosphor-icons/react\";\n\nexport const iconRegistry = {\n close: XIcon,\n chevronDown: CaretDownIcon,\n chevronLeft: CaretLeftIcon,\n chevronRight: CaretRightIcon,\n chevronUp: CaretUpIcon,\n chevronsLeft: CaretDoubleLeftIcon,\n chevronsRight: CaretDoubleRightIcon,\n caretUpDown: CaretUpDownIcon,\n check: CheckIcon,\n success: CheckCircleIcon,\n error: XCircleIcon,\n warning: WarningIcon,\n info: InfoIcon,\n calendar: CalendarIcon,\n clock: ClockIcon,\n externalLink: ArrowSquareOutIcon,\n menu: ListIcon,\n moreHorizontal: DotsThreeIcon,\n search: MagnifyingGlassIcon,\n arrowUp: ArrowUpIcon,\n arrowDown: ArrowDownIcon,\n arrowsUpDown: ArrowsDownUpIcon,\n funnel: FunnelIcon,\n eyeSlash: EyeSlashIcon,\n viewColumns: ColumnsIcon,\n copy: CopyIcon,\n checkDouble: ChecksIcon,\n wrench: WrenchIcon,\n stop: StopIcon,\n microphone: MicrophoneIcon,\n folder: FolderIcon,\n file: FileIcon,\n paperclip: PaperclipIcon,\n download: DownloadSimpleIcon,\n branch: GitBranchIcon,\n} satisfies Record<string, PhosphorIcon>;\n\nexport type IconName = keyof typeof iconRegistry;\n\nexport type IconProps = PhosphorIconProps & {\n name: IconName;\n};\n\nexport function Icon({ name, weight = \"regular\", ...props }: IconProps) {\n const IconComponent = iconRegistry[name];\n\n return <IconComponent {...props} weight={weight} />;\n}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,KAAKA,WAAU;AACxB,YAAYC,aAAY;AACxB,SAA8C,WAAW,QAAQ,gBAAgB;;;ACFjF,SAAS,KAAK,UAAU;AACxB,SAAS,UAAU,uBAAuB;AAC1C,YAAY,YAAY;
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport { type ComponentProps, type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"./button\";\nimport { Icon } from \"./Icon\";\nimport { colorVars, motionVars, radiusVars, spacingVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kAzted: \"x2lwn1j\",\n kVQacm: \"xb3r6kr\",\n kVAEAm: \"x1n2onr6\",\n $$css: true\n },\n action: {\n kaIpWk: \"x9gkxt8\",\n krVfgx: \"xe0eaj1\",\n kbCHJM: \"x1nrll8i\",\n k7Eaqz: \"x19hwnzc\",\n kSiTet: \"x1hc1fzr\",\n kVAEAm: \"x10l6tqk\",\n k3aq6I: \"xuuh30\",\n kIyJzY: \"x1ial40k\",\n k1ekBW: \"x6o7n8i\",\n $$css: true\n }\n};\nexport type MessageScrollerProps = ComponentProps<\"div\"> & {\n children: ReactNode;\n /** Keeps the latest message in view when new messages are added. @default true */\n followOutput?: boolean;\n scrollLabel?: string;\n xstyle?: stylex.StyleXStyles;\n};\nexport function MessageScroller(t0) {\n const $ = _c(27);\n let children;\n let props;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n followOutput: t1,\n scrollLabel: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = props;\n $[3] = t1;\n $[4] = t2;\n $[5] = xstyle;\n } else {\n children = $[1];\n props = $[2];\n t1 = $[3];\n t2 = $[4];\n xstyle = $[5];\n }\n const followOutput = t1 === undefined ? true : t1;\n const scrollLabel = t2 === undefined ? \"Scroll to latest message\" : t2;\n const viewportRef = useRef(null);\n const [isAtEnd, setIsAtEnd] = useState(true);\n let t3;\n if ($[6] !== followOutput || $[7] !== isAtEnd) {\n t3 = () => {\n if (followOutput && isAtEnd) {\n viewportRef.current?.scrollTo({\n top: viewportRef.current.scrollHeight\n });\n }\n };\n $[6] = followOutput;\n $[7] = isAtEnd;\n $[8] = t3;\n } else {\n t3 = $[8];\n }\n let t4;\n if ($[9] !== children || $[10] !== followOutput || $[11] !== isAtEnd) {\n t4 = [children, followOutput, isAtEnd];\n $[9] = children;\n $[10] = followOutput;\n $[11] = isAtEnd;\n $[12] = t4;\n } else {\n t4 = $[12];\n }\n useEffect(t3, t4);\n let t5;\n if ($[13] !== xstyle) {\n t5 = stylex.props(styles.root, xstyle);\n $[13] = xstyle;\n $[14] = t5;\n } else {\n t5 = $[14];\n }\n const resolved = t5;\n let t6;\n let t7;\n if ($[15] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t6 = {\n className: \"x78zum5 xdt5ytf xzwduhw x5yr21d x1odjw0f xish69e xkcv6ua x10vjxrz xg83hb1\"\n };\n t7 = event => {\n const target = event.currentTarget;\n setIsAtEnd(target.scrollHeight - target.scrollTop - target.clientHeight < 4);\n };\n $[15] = t6;\n $[16] = t7;\n } else {\n t6 = $[15];\n t7 = $[16];\n }\n let t8;\n if ($[17] !== children) {\n t8 = <div ref={viewportRef} {...t6} onScroll={t7}>{children}</div>;\n $[17] = children;\n $[18] = t8;\n } else {\n t8 = $[18];\n }\n let t9;\n if ($[19] !== isAtEnd || $[20] !== scrollLabel) {\n t9 = !isAtEnd ? <Button aria-label={scrollLabel} size=\"sm\" variant=\"secondary\" xstyle={styles.action} onClick={() => viewportRef.current?.scrollTo({\n behavior: \"smooth\",\n top: viewportRef.current.scrollHeight\n })}><Icon name=\"arrowDown\" /></Button> : null;\n $[19] = isAtEnd;\n $[20] = scrollLabel;\n $[21] = t9;\n } else {\n t9 = $[21];\n }\n let t10;\n if ($[22] !== props || $[23] !== resolved || $[24] !== t8 || $[25] !== t9) {\n t10 = <div {...props} {...resolved}>{t8}{t9}</div>;\n $[22] = props;\n $[23] = resolved;\n $[24] = t8;\n $[25] = t9;\n $[26] = t10;\n } else {\n t10 = $[26];\n }\n return t10;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { colorVars, motionVars, radiusVars, sizeVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n kGNEyG: \"x6s0dn4\",\n kysU6D: \"xjyslct\",\n ksu8eU: \"x1y0btm7\",\n kMzoRj: \"xzgztj1\",\n kkrTdU: \"x1ypdohk\",\n k1xSpc: \"x3nfvp2\",\n kGuDYH: \"x99mhxu\",\n k63SB2: \"x1v899x5\",\n kOIVth: \"x1uj7ll3\",\n kHBbk8: \"xc8icb0\",\n kjj79g: \"xl56j7k\",\n kLWn49: \"x1hfsx4t\",\n kI3sdo: \"x1a2a7pz\",\n kVQacm: \"xb3r6kr\",\n kVAEAm: \"x1n2onr6\",\n kIyJzY: \"xdshaxz\",\n k1ekBW: \"x1qsmvhx\",\n kAMwcw: \"xscx6xn\",\n kfSwDN: \"x87ps6o\",\n khDVqt: \"xuxw1ft\",\n kZs9gx: \"x7yqiub\",\n kiEn40: \"xzvmsi2\",\n k7shQP: \"x9v5kkp\",\n kPJHz1: \"x11ci167\",\n kYPGJ8: \"x1s07b3s\",\n kLkRvE: \"xqhzmhv\",\n kgeoSG: \"x1cpjm7i\",\n kFcpXp: \"xxx281p\",\n km8f2m: \"xkk1bqk\",\n kEoFBp: \"x1hmns74\",\n kxmVGU: \"x2hztxu\",\n $$css: true\n },\n solidInteraction: {\n kLkRvE: \"xqhzmhv x1v9rfms x1c9ljbx\",\n $$css: true\n },\n surfaceInteraction: {\n kLkRvE: \"xqhzmhv x10nvyxg x1kux2mm\",\n $$css: true\n },\n content: {\n kGNEyG: \"x6s0dn4\",\n k1xSpc: \"x3nfvp2\",\n kOIVth: \"x1uj7ll3\",\n kVAEAm: \"x1n2onr6\",\n kY2c9j: \"x1vjfegm\",\n $$css: true\n },\n primaryContent: {\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n destructiveContent: {\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabledContent: {\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n primary: {\n kWkggS: \"x92qhq\",\n kVAM5u: \"x1nbx55b\",\n kMwMTN: \"x1mij46l\",\n $$css: true\n },\n secondary: {\n kWkggS: \"x8m6yc2\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n ghost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n kMwMTN: \"x1alews2\",\n $$css: true\n },\n destructive: {\n kWkggS: \"xstylu5\",\n kVAM5u: \"xg020jo\",\n kMwMTN: \"xte0b6o\",\n $$css: true\n },\n disabled: {\n kWkggS: \"x1fdj243\",\n kVAM5u: \"x13xm7is\",\n kMwMTN: \"x2rig74\",\n $$css: true\n },\n disabledGhost: {\n kWkggS: \"xnar5hm\",\n kVAM5u: \"x38l7vw\",\n $$css: true\n },\n disabledInteraction: {\n kLkRvE: \"xqhzmhv\",\n $$css: true\n },\n sm: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x5vhmdc\",\n kg3NbH: \"xdaxh69\",\n $$css: true\n },\n md: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"x1f831s2\",\n kg3NbH: \"x19pklni\",\n $$css: true\n },\n lg: {\n kaIpWk: \"x7c24we\",\n kZKoxP: \"xbdy5jr\",\n kg3NbH: \"xo72ft4\",\n $$css: true\n }\n};\ntype ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"destructive\";\ntype ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> & {\n children: ReactNode;\n size?: ButtonSize;\n variant?: ButtonVariant;\n xstyle?: stylex.StyleXStyles;\n};\nexport function Button(t0) {\n const $ = _c(24);\n let children;\n let disabled;\n let props;\n let t1;\n let t2;\n let xstyle;\n if ($[0] !== t0) {\n ({\n children,\n disabled,\n size: t1,\n variant: t2,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = children;\n $[2] = disabled;\n $[3] = props;\n $[4] = t1;\n $[5] = t2;\n $[6] = xstyle;\n } else {\n children = $[1];\n disabled = $[2];\n props = $[3];\n t1 = $[4];\n t2 = $[5];\n xstyle = $[6];\n }\n const size = t1 === undefined ? \"md\" : t1;\n const variant = t2 === undefined ? \"primary\" : t2;\n const isDisabled = Boolean(disabled);\n const hasSolidBackground = variant === \"primary\" || variant === \"destructive\";\n let t3;\n if ($[7] !== hasSolidBackground || $[8] !== isDisabled || $[9] !== size || $[10] !== variant || $[11] !== xstyle) {\n t3 = stylex.props(styles.root, styles[variant], styles[size], hasSolidBackground ? styles.solidInteraction : styles.surfaceInteraction, isDisabled && styles.disabled, isDisabled && variant === \"ghost\" && styles.disabledGhost, isDisabled && styles.disabledInteraction, xstyle);\n $[7] = hasSolidBackground;\n $[8] = isDisabled;\n $[9] = size;\n $[10] = variant;\n $[11] = xstyle;\n $[12] = t3;\n } else {\n t3 = $[12];\n }\n const stylexProps = t3;\n let t4;\n if ($[13] !== isDisabled || $[14] !== variant) {\n t4 = {\n 0: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm\"\n },\n 4: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x1mij46l\"\n },\n 2: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n },\n 6: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm xte0b6o\"\n },\n 1: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 5: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 3: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n },\n 7: {\n className: \"x6s0dn4 x3nfvp2 x1uj7ll3 x1n2onr6 x1vjfegm x2rig74\"\n }\n }[!!(variant === \"primary\") << 2 | !!(variant === \"destructive\") << 1 | !!isDisabled << 0];\n $[13] = isDisabled;\n $[14] = variant;\n $[15] = t4;\n } else {\n t4 = $[15];\n }\n const contentStylexProps = t4;\n let t5;\n if ($[16] !== children || $[17] !== contentStylexProps) {\n t5 = <span {...contentStylexProps}>{children}</span>;\n $[16] = children;\n $[17] = contentStylexProps;\n $[18] = t5;\n } else {\n t5 = $[18];\n }\n let t6;\n if ($[19] !== disabled || $[20] !== props || $[21] !== stylexProps || $[22] !== t5) {\n t6 = <ButtonPrimitive {...props} disabled={disabled} {...stylexProps}>{t5}</ButtonPrimitive>;\n $[19] = disabled;\n $[20] = props;\n $[21] = stylexProps;\n $[22] = t5;\n $[23] = t6;\n } else {\n t6 = $[23];\n }\n return t6;\n}", "import type { Icon as PhosphorIcon, IconProps as PhosphorIconProps } from \"@phosphor-icons/react\";\nimport {\n ArrowDownIcon,\n ArrowSquareOutIcon,\n ArrowsDownUpIcon,\n ArrowUpIcon,\n CalendarIcon,\n CaretDoubleLeftIcon,\n CaretDoubleRightIcon,\n CaretDownIcon,\n CaretLeftIcon,\n CaretRightIcon,\n CaretUpIcon,\n CaretUpDownIcon,\n CheckCircleIcon,\n CheckIcon,\n ChecksIcon,\n ClockIcon,\n ColumnsIcon,\n CopyIcon,\n DotsThreeIcon,\n EyeSlashIcon,\n FileIcon,\n FolderIcon,\n FunnelIcon,\n GitBranchIcon,\n InfoIcon,\n ListIcon,\n MagnifyingGlassIcon,\n MicrophoneIcon,\n PaperclipIcon,\n DownloadSimpleIcon,\n StopIcon,\n WarningIcon,\n WrenchIcon,\n XCircleIcon,\n XIcon,\n} from \"@phosphor-icons/react\";\n\nexport const iconRegistry = {\n close: XIcon,\n chevronDown: CaretDownIcon,\n chevronLeft: CaretLeftIcon,\n chevronRight: CaretRightIcon,\n chevronUp: CaretUpIcon,\n chevronsLeft: CaretDoubleLeftIcon,\n chevronsRight: CaretDoubleRightIcon,\n caretUpDown: CaretUpDownIcon,\n check: CheckIcon,\n success: CheckCircleIcon,\n error: XCircleIcon,\n warning: WarningIcon,\n info: InfoIcon,\n calendar: CalendarIcon,\n clock: ClockIcon,\n externalLink: ArrowSquareOutIcon,\n menu: ListIcon,\n moreHorizontal: DotsThreeIcon,\n search: MagnifyingGlassIcon,\n arrowUp: ArrowUpIcon,\n arrowDown: ArrowDownIcon,\n arrowsUpDown: ArrowsDownUpIcon,\n funnel: FunnelIcon,\n eyeSlash: EyeSlashIcon,\n viewColumns: ColumnsIcon,\n copy: CopyIcon,\n checkDouble: ChecksIcon,\n wrench: WrenchIcon,\n stop: StopIcon,\n microphone: MicrophoneIcon,\n folder: FolderIcon,\n file: FileIcon,\n paperclip: PaperclipIcon,\n download: DownloadSimpleIcon,\n branch: GitBranchIcon,\n} satisfies Record<string, PhosphorIcon>;\n\nexport type IconName = keyof typeof iconRegistry;\n\nexport type IconProps = PhosphorIconProps & {\n name: IconName;\n};\n\nexport function Icon({ name, weight = \"regular\", ...props }: IconProps) {\n const IconComponent = iconRegistry[name];\n\n return <IconComponent {...props} weight={weight} />;\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["_c", "stylex", "props", "jsx", "props", "jsx", "styles", "_c", "props"]
|
|
7
7
|
}
|
package/dist/message.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export type MessageProps = ComponentProps<"article"> & {
|
|
|
4
4
|
side?: "incoming" | "outgoing";
|
|
5
5
|
xstyle?: stylex.StyleXStyles;
|
|
6
6
|
};
|
|
7
|
-
export declare function Message({
|
|
8
|
-
export declare function MessageHeader({
|
|
9
|
-
export declare function MessageContent({
|
|
10
|
-
export declare function MessageFooter({
|
|
7
|
+
export declare function Message({ side, xstyle, ...props }: MessageProps): import("react").JSX.Element;
|
|
8
|
+
export declare function MessageHeader({ ...props }: ComponentProps<"header">): import("react").JSX.Element;
|
|
9
|
+
export declare function MessageContent({ ...props }: ComponentProps<"div">): import("react").JSX.Element;
|
|
10
|
+
export declare function MessageFooter({ ...props }: ComponentProps<"footer">): import("react").JSX.Element;
|
package/dist/message.js
CHANGED
|
@@ -1,19 +1,6 @@
|
|
|
1
1
|
// src/message.tsx
|
|
2
2
|
import { c as _c } from "react/compiler-runtime";
|
|
3
3
|
import * as stylex from "@stylexjs/stylex";
|
|
4
|
-
|
|
5
|
-
// src/stylex-props.ts
|
|
6
|
-
function getNativeStyleProps(stylexProps, className, style) {
|
|
7
|
-
return {
|
|
8
|
-
className: [stylexProps.className, className].filter(Boolean).join(" "),
|
|
9
|
-
style: {
|
|
10
|
-
...stylexProps.style,
|
|
11
|
-
...style
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
// src/message.tsx
|
|
17
4
|
import { jsx } from "react/jsx-runtime";
|
|
18
5
|
var styles = {
|
|
19
6
|
root: {
|
|
@@ -51,180 +38,137 @@ var styles = {
|
|
|
51
38
|
}
|
|
52
39
|
};
|
|
53
40
|
function Message(t0) {
|
|
54
|
-
const $ = _c(
|
|
55
|
-
let className;
|
|
41
|
+
const $ = _c(11);
|
|
56
42
|
let props2;
|
|
57
|
-
let style;
|
|
58
43
|
let t1;
|
|
59
44
|
let xstyle;
|
|
60
45
|
if ($[0] !== t0) {
|
|
61
46
|
({
|
|
62
|
-
className,
|
|
63
47
|
side: t1,
|
|
64
|
-
style,
|
|
65
48
|
xstyle,
|
|
66
49
|
...props2
|
|
67
50
|
} = t0);
|
|
68
51
|
$[0] = t0;
|
|
69
|
-
$[1] =
|
|
70
|
-
$[2] =
|
|
71
|
-
$[3] =
|
|
72
|
-
$[4] = t1;
|
|
73
|
-
$[5] = xstyle;
|
|
52
|
+
$[1] = props2;
|
|
53
|
+
$[2] = t1;
|
|
54
|
+
$[3] = xstyle;
|
|
74
55
|
} else {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
t1 = $[4];
|
|
79
|
-
xstyle = $[5];
|
|
56
|
+
props2 = $[1];
|
|
57
|
+
t1 = $[2];
|
|
58
|
+
xstyle = $[3];
|
|
80
59
|
}
|
|
81
60
|
const side = t1 === void 0 ? "incoming" : t1;
|
|
82
61
|
let t2;
|
|
83
|
-
if ($[
|
|
84
|
-
t2 =
|
|
85
|
-
$[
|
|
86
|
-
$[
|
|
87
|
-
$[
|
|
88
|
-
$[9] = xstyle;
|
|
89
|
-
$[10] = t2;
|
|
62
|
+
if ($[4] !== side || $[5] !== xstyle) {
|
|
63
|
+
t2 = stylex.props(styles.root, styles[side], xstyle);
|
|
64
|
+
$[4] = side;
|
|
65
|
+
$[5] = xstyle;
|
|
66
|
+
$[6] = t2;
|
|
90
67
|
} else {
|
|
91
|
-
t2 = $[
|
|
68
|
+
t2 = $[6];
|
|
92
69
|
}
|
|
93
70
|
let t3;
|
|
94
|
-
if ($[
|
|
71
|
+
if ($[7] !== props2 || $[8] !== side || $[9] !== t2) {
|
|
95
72
|
t3 = /* @__PURE__ */ jsx("article", { ...props2, "data-side": side, ...t2 });
|
|
96
|
-
$[
|
|
97
|
-
$[
|
|
98
|
-
$[
|
|
99
|
-
$[
|
|
73
|
+
$[7] = props2;
|
|
74
|
+
$[8] = side;
|
|
75
|
+
$[9] = t2;
|
|
76
|
+
$[10] = t3;
|
|
100
77
|
} else {
|
|
101
|
-
t3 = $[
|
|
78
|
+
t3 = $[10];
|
|
102
79
|
}
|
|
103
80
|
return t3;
|
|
104
81
|
}
|
|
105
82
|
function MessageHeader(t0) {
|
|
106
|
-
const $ = _c(
|
|
107
|
-
let className;
|
|
83
|
+
const $ = _c(5);
|
|
108
84
|
let props2;
|
|
109
|
-
let style;
|
|
110
85
|
if ($[0] !== t0) {
|
|
111
86
|
({
|
|
112
|
-
className,
|
|
113
|
-
style,
|
|
114
87
|
...props2
|
|
115
88
|
} = t0);
|
|
116
89
|
$[0] = t0;
|
|
117
|
-
$[1] =
|
|
118
|
-
$[2] = props2;
|
|
119
|
-
$[3] = style;
|
|
90
|
+
$[1] = props2;
|
|
120
91
|
} else {
|
|
121
|
-
|
|
122
|
-
props2 = $[2];
|
|
123
|
-
style = $[3];
|
|
92
|
+
props2 = $[1];
|
|
124
93
|
}
|
|
125
94
|
let t1;
|
|
126
|
-
if ($[
|
|
127
|
-
t1 =
|
|
95
|
+
if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
96
|
+
t1 = {
|
|
128
97
|
className: "x1ry1pnm x131ut49 x1v899x5"
|
|
129
|
-
}
|
|
130
|
-
$[
|
|
131
|
-
$[5] = style;
|
|
132
|
-
$[6] = t1;
|
|
98
|
+
};
|
|
99
|
+
$[2] = t1;
|
|
133
100
|
} else {
|
|
134
|
-
t1 = $[
|
|
101
|
+
t1 = $[2];
|
|
135
102
|
}
|
|
136
103
|
let t2;
|
|
137
|
-
if ($[
|
|
104
|
+
if ($[3] !== props2) {
|
|
138
105
|
t2 = /* @__PURE__ */ jsx("header", { ...props2, ...t1 });
|
|
139
|
-
$[
|
|
140
|
-
$[
|
|
141
|
-
$[9] = t2;
|
|
106
|
+
$[3] = props2;
|
|
107
|
+
$[4] = t2;
|
|
142
108
|
} else {
|
|
143
|
-
t2 = $[
|
|
109
|
+
t2 = $[4];
|
|
144
110
|
}
|
|
145
111
|
return t2;
|
|
146
112
|
}
|
|
147
113
|
function MessageContent(t0) {
|
|
148
|
-
const $ = _c(
|
|
149
|
-
let className;
|
|
114
|
+
const $ = _c(5);
|
|
150
115
|
let props2;
|
|
151
|
-
let style;
|
|
152
116
|
if ($[0] !== t0) {
|
|
153
117
|
({
|
|
154
|
-
className,
|
|
155
|
-
style,
|
|
156
118
|
...props2
|
|
157
119
|
} = t0);
|
|
158
120
|
$[0] = t0;
|
|
159
|
-
$[1] =
|
|
160
|
-
$[2] = props2;
|
|
161
|
-
$[3] = style;
|
|
121
|
+
$[1] = props2;
|
|
162
122
|
} else {
|
|
163
|
-
|
|
164
|
-
props2 = $[2];
|
|
165
|
-
style = $[3];
|
|
123
|
+
props2 = $[1];
|
|
166
124
|
}
|
|
167
125
|
let t1;
|
|
168
|
-
if ($[
|
|
169
|
-
t1 =
|
|
126
|
+
if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
127
|
+
t1 = {
|
|
170
128
|
className: "x78zum5 xdt5ytf x1uj7ll3 xh8yej3"
|
|
171
|
-
}
|
|
172
|
-
$[
|
|
173
|
-
$[5] = style;
|
|
174
|
-
$[6] = t1;
|
|
129
|
+
};
|
|
130
|
+
$[2] = t1;
|
|
175
131
|
} else {
|
|
176
|
-
t1 = $[
|
|
132
|
+
t1 = $[2];
|
|
177
133
|
}
|
|
178
134
|
let t2;
|
|
179
|
-
if ($[
|
|
135
|
+
if ($[3] !== props2) {
|
|
180
136
|
t2 = /* @__PURE__ */ jsx("div", { ...props2, ...t1 });
|
|
181
|
-
$[
|
|
182
|
-
$[
|
|
183
|
-
$[9] = t2;
|
|
137
|
+
$[3] = props2;
|
|
138
|
+
$[4] = t2;
|
|
184
139
|
} else {
|
|
185
|
-
t2 = $[
|
|
140
|
+
t2 = $[4];
|
|
186
141
|
}
|
|
187
142
|
return t2;
|
|
188
143
|
}
|
|
189
144
|
function MessageFooter(t0) {
|
|
190
|
-
const $ = _c(
|
|
191
|
-
let className;
|
|
145
|
+
const $ = _c(5);
|
|
192
146
|
let props2;
|
|
193
|
-
let style;
|
|
194
147
|
if ($[0] !== t0) {
|
|
195
148
|
({
|
|
196
|
-
className,
|
|
197
|
-
style,
|
|
198
149
|
...props2
|
|
199
150
|
} = t0);
|
|
200
151
|
$[0] = t0;
|
|
201
|
-
$[1] =
|
|
202
|
-
$[2] = props2;
|
|
203
|
-
$[3] = style;
|
|
152
|
+
$[1] = props2;
|
|
204
153
|
} else {
|
|
205
|
-
|
|
206
|
-
props2 = $[2];
|
|
207
|
-
style = $[3];
|
|
154
|
+
props2 = $[1];
|
|
208
155
|
}
|
|
209
156
|
let t1;
|
|
210
|
-
if ($[
|
|
211
|
-
t1 =
|
|
157
|
+
if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
158
|
+
t1 = {
|
|
212
159
|
className: "x151gfag x131ut49"
|
|
213
|
-
}
|
|
214
|
-
$[
|
|
215
|
-
$[5] = style;
|
|
216
|
-
$[6] = t1;
|
|
160
|
+
};
|
|
161
|
+
$[2] = t1;
|
|
217
162
|
} else {
|
|
218
|
-
t1 = $[
|
|
163
|
+
t1 = $[2];
|
|
219
164
|
}
|
|
220
165
|
let t2;
|
|
221
|
-
if ($[
|
|
166
|
+
if ($[3] !== props2) {
|
|
222
167
|
t2 = /* @__PURE__ */ jsx("footer", { ...props2, ...t1 });
|
|
223
|
-
$[
|
|
224
|
-
$[
|
|
225
|
-
$[9] = t2;
|
|
168
|
+
$[3] = props2;
|
|
169
|
+
$[4] = t2;
|
|
226
170
|
} else {
|
|
227
|
-
t2 = $[
|
|
171
|
+
t2 = $[4];
|
|
228
172
|
}
|
|
229
173
|
return t2;
|
|
230
174
|
}
|
package/dist/message.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/message.tsx"
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport {
|
|
5
|
-
"mappings": ";AAAA,SAAS,KAAK,UAAU;AACxB,YAAY,YAAY
|
|
3
|
+
"sources": ["../src/message.tsx"],
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport * as stylex from \"@stylexjs/stylex\";\nimport type { ComponentProps } from \"react\";\nimport { colorVars, spacingVars, typographyVars } from \"@nuee/tokens/semantic.stylex\";\nconst styles = {\n root: {\n k1xSpc: \"x78zum5\",\n kXwgrk: \"xdt5ytf\",\n kOIVth: \"x1uj7ll3\",\n kzqmXN: \"xh8yej3\",\n $$css: true\n },\n incoming: {\n kGNEyG: \"x1cy8zhl\",\n $$css: true\n },\n outgoing: {\n kGNEyG: \"xuk3077\",\n $$css: true\n },\n header: {\n kMwMTN: \"x1ry1pnm\",\n kGuDYH: \"x131ut49\",\n k63SB2: \"x1v899x5\",\n $$css: true\n },\n content: {\n k1xSpc: \"x78zum5\",\n kXwgrk: \"xdt5ytf\",\n kOIVth: \"x1uj7ll3\",\n kzqmXN: \"xh8yej3\",\n $$css: true\n },\n footer: {\n kMwMTN: \"x151gfag\",\n kGuDYH: \"x131ut49\",\n $$css: true\n }\n};\nexport type MessageProps = ComponentProps<\"article\"> & {\n side?: \"incoming\" | \"outgoing\";\n xstyle?: stylex.StyleXStyles;\n};\nexport function Message(t0) {\n const $ = _c(11);\n let props;\n let t1;\n let xstyle;\n if ($[0] !== t0) {\n ({\n side: t1,\n xstyle,\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n $[2] = t1;\n $[3] = xstyle;\n } else {\n props = $[1];\n t1 = $[2];\n xstyle = $[3];\n }\n const side = t1 === undefined ? \"incoming\" : t1;\n let t2;\n if ($[4] !== side || $[5] !== xstyle) {\n t2 = stylex.props(styles.root, styles[side], xstyle);\n $[4] = side;\n $[5] = xstyle;\n $[6] = t2;\n } else {\n t2 = $[6];\n }\n let t3;\n if ($[7] !== props || $[8] !== side || $[9] !== t2) {\n t3 = <article {...props} data-side={side} {...t2} />;\n $[7] = props;\n $[8] = side;\n $[9] = t2;\n $[10] = t3;\n } else {\n t3 = $[10];\n }\n return t3;\n}\nexport function MessageHeader(t0) {\n const $ = _c(5);\n let props;\n if ($[0] !== t0) {\n ({\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n } else {\n props = $[1];\n }\n let t1;\n if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t1 = {\n className: \"x1ry1pnm x131ut49 x1v899x5\"\n };\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n let t2;\n if ($[3] !== props) {\n t2 = <header {...props} {...t1} />;\n $[3] = props;\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n return t2;\n}\nexport function MessageContent(t0) {\n const $ = _c(5);\n let props;\n if ($[0] !== t0) {\n ({\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n } else {\n props = $[1];\n }\n let t1;\n if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t1 = {\n className: \"x78zum5 xdt5ytf x1uj7ll3 xh8yej3\"\n };\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n let t2;\n if ($[3] !== props) {\n t2 = <div {...props} {...t1} />;\n $[3] = props;\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n return t2;\n}\nexport function MessageFooter(t0) {\n const $ = _c(5);\n let props;\n if ($[0] !== t0) {\n ({\n ...props\n } = t0);\n $[0] = t0;\n $[1] = props;\n } else {\n props = $[1];\n }\n let t1;\n if ($[2] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t1 = {\n className: \"x151gfag x131ut49\"\n };\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n let t2;\n if ($[3] !== props) {\n t2 = <footer {...props} {...t1} />;\n $[3] = props;\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n return t2;\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["props"]
|
|
7
7
|
}
|
package/dist/native-select.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ export type NativeSelectProps = Omit<ComponentProps<"select">, "size"> & {
|
|
|
4
4
|
size?: "md" | "sm";
|
|
5
5
|
xstyle?: stylex.StyleXStyles;
|
|
6
6
|
};
|
|
7
|
-
export declare function NativeSelect({
|
|
7
|
+
export declare function NativeSelect({ children, size, xstyle, ...props }: NativeSelectProps): import("react").JSX.Element;
|
|
8
8
|
export declare function NativeSelectOption(props: ComponentProps<"option">): import("react").JSX.Element;
|
|
9
9
|
export declare function NativeSelectOptGroup(props: ComponentProps<"optgroup">): import("react").JSX.Element;
|
package/dist/native-select.js
CHANGED
|
@@ -138,109 +138,78 @@ var styles = {
|
|
|
138
138
|
}
|
|
139
139
|
};
|
|
140
140
|
function NativeSelect(t0) {
|
|
141
|
-
const $ = _c(
|
|
141
|
+
const $ = _c(16);
|
|
142
142
|
let children;
|
|
143
|
-
let className;
|
|
144
143
|
let props2;
|
|
145
|
-
let style;
|
|
146
144
|
let t1;
|
|
147
145
|
let xstyle;
|
|
148
146
|
if ($[0] !== t0) {
|
|
149
147
|
({
|
|
150
|
-
className,
|
|
151
148
|
children,
|
|
152
149
|
size: t1,
|
|
153
|
-
style,
|
|
154
150
|
xstyle,
|
|
155
151
|
...props2
|
|
156
152
|
} = t0);
|
|
157
153
|
$[0] = t0;
|
|
158
154
|
$[1] = children;
|
|
159
|
-
$[2] =
|
|
160
|
-
$[3] =
|
|
161
|
-
$[4] =
|
|
162
|
-
$[5] = t1;
|
|
163
|
-
$[6] = xstyle;
|
|
155
|
+
$[2] = props2;
|
|
156
|
+
$[3] = t1;
|
|
157
|
+
$[4] = xstyle;
|
|
164
158
|
} else {
|
|
165
159
|
children = $[1];
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
t1 = $[5];
|
|
170
|
-
xstyle = $[6];
|
|
160
|
+
props2 = $[2];
|
|
161
|
+
t1 = $[3];
|
|
162
|
+
xstyle = $[4];
|
|
171
163
|
}
|
|
172
164
|
const size = t1 === void 0 ? "md" : t1;
|
|
173
165
|
let t2;
|
|
174
|
-
if ($[
|
|
166
|
+
if ($[5] !== size || $[6] !== xstyle) {
|
|
175
167
|
t2 = stylex.props(styles.select, styles[size], xstyle);
|
|
176
|
-
$[
|
|
177
|
-
$[
|
|
178
|
-
$[
|
|
168
|
+
$[5] = size;
|
|
169
|
+
$[6] = xstyle;
|
|
170
|
+
$[7] = t2;
|
|
179
171
|
} else {
|
|
180
|
-
t2 = $[
|
|
172
|
+
t2 = $[7];
|
|
181
173
|
}
|
|
182
174
|
const stylexProps = t2;
|
|
183
175
|
let t3;
|
|
184
|
-
if ($[
|
|
176
|
+
if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
185
177
|
t3 = {
|
|
186
178
|
className: "x3nfvp2 x1n2onr6 xeq5yr9"
|
|
187
179
|
};
|
|
188
|
-
$[
|
|
180
|
+
$[8] = t3;
|
|
189
181
|
} else {
|
|
190
|
-
t3 = $[
|
|
182
|
+
t3 = $[8];
|
|
191
183
|
}
|
|
192
184
|
let t4;
|
|
193
|
-
if ($[
|
|
194
|
-
t4 =
|
|
195
|
-
$[
|
|
196
|
-
$[
|
|
197
|
-
$[
|
|
185
|
+
if ($[9] !== children || $[10] !== props2 || $[11] !== stylexProps) {
|
|
186
|
+
t4 = /* @__PURE__ */ jsx2("select", { ...props2, ...stylexProps, children });
|
|
187
|
+
$[9] = children;
|
|
188
|
+
$[10] = props2;
|
|
189
|
+
$[11] = stylexProps;
|
|
190
|
+
$[12] = t4;
|
|
198
191
|
} else {
|
|
199
|
-
t4 = $[
|
|
192
|
+
t4 = $[12];
|
|
200
193
|
}
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
...stylexProps.style,
|
|
206
|
-
...style
|
|
207
|
-
};
|
|
208
|
-
$[14] = style;
|
|
209
|
-
$[15] = stylexProps.style;
|
|
210
|
-
$[16] = t6;
|
|
194
|
+
let t5;
|
|
195
|
+
if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
196
|
+
t5 = /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "chevronDown", className: "x1ry1pnm x47corl x10l6tqk x1d30cp6 xwa60dl x1cb1t30" });
|
|
197
|
+
$[13] = t5;
|
|
211
198
|
} else {
|
|
212
|
-
|
|
199
|
+
t5 = $[13];
|
|
213
200
|
}
|
|
214
|
-
let
|
|
215
|
-
if ($[
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
$[19] = t5;
|
|
220
|
-
$[20] = t6;
|
|
221
|
-
$[21] = t7;
|
|
222
|
-
} else {
|
|
223
|
-
t7 = $[21];
|
|
224
|
-
}
|
|
225
|
-
let t8;
|
|
226
|
-
if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
|
|
227
|
-
t8 = /* @__PURE__ */ jsx2(Icon, { "aria-hidden": "true", name: "chevronDown", className: "x1ry1pnm x47corl x10l6tqk x1d30cp6 xwa60dl x1cb1t30" });
|
|
228
|
-
$[22] = t8;
|
|
229
|
-
} else {
|
|
230
|
-
t8 = $[22];
|
|
231
|
-
}
|
|
232
|
-
let t9;
|
|
233
|
-
if ($[23] !== t7) {
|
|
234
|
-
t9 = /* @__PURE__ */ jsxs("span", { ...t3, children: [
|
|
235
|
-
t7,
|
|
236
|
-
t8
|
|
201
|
+
let t6;
|
|
202
|
+
if ($[14] !== t4) {
|
|
203
|
+
t6 = /* @__PURE__ */ jsxs("span", { ...t3, children: [
|
|
204
|
+
t4,
|
|
205
|
+
t5
|
|
237
206
|
] });
|
|
238
|
-
$[
|
|
239
|
-
$[
|
|
207
|
+
$[14] = t4;
|
|
208
|
+
$[15] = t6;
|
|
240
209
|
} else {
|
|
241
|
-
|
|
210
|
+
t6 = $[15];
|
|
242
211
|
}
|
|
243
|
-
return
|
|
212
|
+
return t6;
|
|
244
213
|
}
|
|
245
214
|
function NativeSelectOption(props2) {
|
|
246
215
|
const $ = _c(2);
|