npm - @logicplanes/kaeso-ui - Versions diffs - 0.2.2 → 0.3.1 - Mend

@logicplanes/kaeso-ui 0.2.2 → 0.3.1

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.

Files changed (349) hide show

package/dist/components/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","names":["__icon_ViewOffSlashIcon","__icon_ViewIcon","cn","useUiText","Tooltip","useField","useFieldControl","withField","useInputGroupSize","KAESO_INPUT_GROUP_VARIANTS","InputGroup","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","INPUT_ICON_SIZE","SearchInput","KAESO_INPUT_DEFAULT_VARIANTS","KAESO_INPUT_VARIANTS","Input","KAESO_NUMBER_INPUT_VARIANTS","compareDecimal","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","groupDecimal","KAESO_TEXTAREA_VARIANTS","NumberInput","Textarea","addDecimal","KAESO_TEXTAREA_DEFAULT_VARIANTS","Tag","KAESO_SENSITIVE_INPUT_VARIANTS","KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS","SensitiveInput","props","t","revealed","setRevealed","useState","defaultRevealed","caps","setCaps","checkCaps","kind","className","description","onKeyDown","onKeyUp","ViewOffSlashIcon","ViewIcon","r","KAESO_OTP_INPUT_VARIANTS","KAESO_OTP_INPUT_DEFAULT_VARIANTS","OTPInput","ariaLabel","force","field","inner","setInner","defaultValue","focused","setFocused","sel","setSel","auto","useId","input","useRef","current","value","length","set","clean","v","onValueChange","onComplete","active","isFocused","invalid","char","i","isActive","size","disabled","el","ref","id","KAESO_TAG_INPUT_VARIANTS","KAESO_TAG_INPUT_DEFAULT_VARIANTS","TagInput","fc","draft","setDraft","tags","next","splitter","separators","s","add","parts","raw","p","messages","validate","tag","firstError","m","fieldError","error","control","label","message","x","required","placeholder","text","name"],"sources":["../../src/components/input/sensitive-input.tsx","../../src/components/input/otp-input.tsx","../../src/components/input/tag-input.tsx"],"sourcesContent":["import { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { ViewOffSlashIcon as __icon_ViewOffSlashIcon, ViewIcon as __icon_ViewIcon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SENSITIVE_INPUT_VARIANTS = {\n kind: {\n secret: { classes: \"\" },\n password: { classes: \"\" },\n },\n} as const;\nexport const KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS = { kind: \"secret\" } as const;\n\nexport interface SensitiveInputProps extends Omit<InputProps, \"type\" \| \"trailing\"> {\n kind?: keyof typeof KAESO_SENSITIVE_INPUT_VARIANTS.kind \| undefined;\n defaultRevealed?: boolean \| undefined;\n}\n\nexport const SensitiveInput = /* @__PURE__ / forwardRef<HTMLInputElement, SensitiveInputProps>(function SensitiveInput(\n { kind = \"secret\", defaultRevealed = false, description, onKeyDown, onKeyUp, className, ...props },\n ref,\n) {\n const t = useUiText();\n const [revealed, setRevealed] = useState(defaultRevealed);\n const [caps, setCaps] = useState(false);\n const checkCaps = (e: KeyboardEvent<HTMLInputElement>) => setCaps(kind === \"password\" && e.getModifierState?.(\"CapsLock\"));\n return (\n <Input\n ref={ref}\n type={revealed ? \"text\" : \"password\"}\n autoComplete={kind === \"password\" ? \"current-password\" : \"off\"}\n autoCorrect=\"off\"\n autoCapitalize=\"off\"\n spellCheck={false}\n data-1p-ignore={kind === \"secret\" ? true : undefined}\n data-lpignore={kind === \"secret\" ? \"true\" : undefined}\n className={cn(className, revealed && \"mono\")}\n description={caps ? t(\"sensitiveInput.capsLock\", \"Caps Lock is on.\") : description}\n onKeyDown={(e) => {\n checkCaps(e);\n onKeyDown?.(e);\n }}\n onKeyUp={(e) => {\n checkCaps(e);\n onKeyUp?.(e);\n }}\n trailing={\n <InputGroup.Button\n icon={revealed ? __icon_ViewOffSlashIcon : __icon_ViewIcon}\n aria-label={revealed ? t(\"sensitiveInput.hide\", \"Hide\") : t(\"sensitiveInput.show\", \"Show\")}\n onClick={() => setRevealed((r) => !r)}\n disabled={props.disabled}\n />\n }\n {...props}\n />\n );\n});\nif (process.env.NODE_ENV !== \"production\") SensitiveInput.displayName = \"SensitiveInput\";\n","import { forwardRef, useId, useRef, useState, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField } from \"../field/field.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_OTP_INPUT_VARIANTS = {\n size: {\n md: { classes: \"size-48 text-title\" },\n sm: { classes: \"size-40 text-title-sm\" },\n },\n} as const;\nexport const KAESO_OTP_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface OTPInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" \| \"defaultValue\" \| \"onChange\" \| \"size\" \| \"maxLength\"> {\n length?: number \| undefined;\n value?: string \| undefined;\n defaultValue?: string \| undefined;\n onValueChange?: ((value: string) => void) \| undefined;\n onComplete?: ((value: string) => void) \| undefined;\n invalid?: boolean \| undefined;\n size?: keyof typeof KAESO_OTP_INPUT_VARIANTS.size \| undefined;\n \"data-force\"?: string \| undefined;\n}\n\nexport const OTPInput = / @__PURE__ / forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(\n {\n length = 6,\n value,\n defaultValue = \"\",\n onValueChange,\n onComplete,\n invalid,\n size = \"md\",\n disabled,\n className,\n id,\n \"aria-label\": ariaLabel,\n \"data-force\": force,\n ...props\n },\n ref,\n) {\n const field = useField();\n const t = useUiText();\n const [inner, setInner] = useState(defaultValue);\n const [focused, setFocused] = useState(false);\n const [sel, setSel] = useState(0);\n const auto = useId();\n const input = useRef<HTMLInputElement \| null>(null);\n const current = (value ?? inner).slice(0, length);\n const set = (v: string) => {\n const clean = v.replace(/\\D/g, \"\").slice(0, length);\n if (value === undefined) setInner(clean);\n onValueChange?.(clean);\n if (clean.length === length) onComplete?.(clean);\n };\n const active = Math.min(sel, length - 1);\n const isFocused = focused \|\| force?.includes(\"focus\");\n return (\n <div className={cn(\"relative inline-flex gap-8\", className)} data-invalid={invalid \|\| field?.invalid \|\| undefined}>\n {Array.from({ length }, (_, i) => {\n const char = current[i] ?? \"\";\n const isActive = isFocused && i === Math.min(current.length, length - 1) && (sel >= current.length \|\| i === active);\n return (\n <div\n key={i}\n aria-hidden\n className={cn(\n \"flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control\",\n KAESO_OTP_INPUT_VARIANTS.size[size].classes,\n i === 2 && length === 6 && \"mr-8\",\n )}\n {...(invalid \|\| field?.invalid ? { \"data-invalid\": \"\" } : {})}\n {...(disabled ? { \"data-disabled\": \"\" } : {})}\n {...(isActive ? { \"data-focused\": \"\" } : {})}\n >\n {char \|\| (isActive ? <span className=\"h-20 w-1 animate-pulse-quiet bg-fg\" /> : null)}\n </div>\n );\n })}\n <input\n ref={(el) => {\n input.current = el;\n if (typeof ref === \"function\") ref(el);\n else if (ref) ref.current = el;\n }}\n id={field?.controlId ?? id ?? `k-otp-${auto}`}\n type=\"text\"\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n pattern=\"\\d\"\n maxLength={length}\n value={current}\n disabled={disabled}\n aria-label={ariaLabel ?? (field ? undefined : t(\"otpInput.label\", \"Verification code\"))}\n {...(field?.controlProps[\"aria-describedby\"] ? { \"aria-describedby\": field.controlProps[\"aria-describedby\"] } : {})}\n {...(invalid \|\| field?.invalid ? { \"aria-invalid\": true } : {})}\n onChange={(e) => {\n set(e.target.value);\n setSel(e.target.selectionStart ?? e.target.value.length);\n }}\n onSelect={(e) => setSel((e.target as HTMLInputElement).selectionStart ?? 0)}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n className=\"absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed\"\n {...props}\n />\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") OTPInput.displayName = \"OTPInput\";\n","import { forwardRef, useRef, useState, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TAG_INPUT_VARIANTS = {\n size: {\n md: { classes: \"min-h-36 p-4\" },\n },\n} as const;\nexport const KAESO_TAG_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TagInputProps extends FieldWrapProps {\n value?: string[] \| undefined;\n defaultValue?: string[] \| undefined;\n onValueChange?: ((value: string[]) => void) \| undefined;\n placeholder?: string \| undefined;\n validate?: ((tag: string) => true \| string) \| undefined;\n separators?: string[] \| undefined;\n disabled?: boolean \| undefined;\n id?: string \| undefined;\n name?: string \| undefined;\n className?: string \| undefined;\n \"aria-label\"?: string \| undefined;\n \"data-force\"?: string \| undefined;\n}\n\nexport const TagInput = /* @__PURE__ */ forwardRef<HTMLInputElement, TagInputProps>(function TagInput(props, ref) {\n const {\n value,\n defaultValue = [],\n onValueChange,\n placeholder,\n validate,\n separators = [\",\", \" \", \";\"],\n disabled,\n id,\n name,\n className,\n label,\n description,\n error,\n optional,\n required,\n layout,\n \"aria-label\": ariaLabel,\n \"data-force\": force,\n } = props;\n const field = useField();\n const fc = useFieldControl(props);\n const t = useUiText();\n const [inner, setInner] = useState<string[]>(defaultValue);\n const [draft, setDraft] = useState(\"\");\n const input = useRef<HTMLInputElement \| null>(null);\n const tags = value ?? inner;\n const set = (next: string[]) => {\n if (value === undefined) setInner(next);\n onValueChange?.(next);\n };\n const splitter = new RegExp(`[${separators.map((s) => s.replace(/[\\]\\\\^-]/g, \"\\\\$&\")).join(\"\")}\\\\n]+`);\n const add = (raw: string) => {\n const parts = raw\n .split(splitter)\n .map((p) => p.trim())\n .filter(Boolean)\n .filter((p) => !tags.includes(p));\n if (parts.length) set([...tags, ...parts]);\n setDraft(\"\");\n };\n const messages = tags.map((tag) => (validate ? validate(tag) : true));\n const firstError = messages.find((m) => m !== true);\n const fieldError = error ?? (typeof firstError === \"string\" ? firstError : undefined);\n const control = (\n <div\n className={cn(\n \"flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n KAESO_TAG_INPUT_VARIANTS.size.md.classes,\n disabled && \"cursor-not-allowed\",\n !(label \|\| description \|\| fieldError) && className,\n )}\n {...(fieldError \|\| field?.invalid ? { \"data-invalid\": \"\" } : {})}\n {...(disabled ? { \"data-disabled\": \"\" } : {})}\n {...(force ? { \"data-force\": force } : {})}\n onMouseDown={(e) => {\n if (e.target === e.currentTarget) {\n e.preventDefault();\n input.current?.focus();\n }\n }}\n >\n {tags.map((tag, i) => {\n const message = messages[i];\n return (\n <Tag\n key={tag}\n invalid={message !== true}\n {...(disabled ? {} : { onRemove: () => set(tags.filter((x) => x !== tag)), removeLabel: t(\"tagInput.remove\", \"Remove {tag}\", { tag }) })}\n >\n {typeof message === \"string\" ? (\n <Tooltip content={message}>\n <span>{tag}</span>\n </Tooltip>\n ) : (\n tag\n )}\n </Tag>\n );\n })}\n <input\n ref={(el) => {\n input.current = el;\n if (typeof ref === \"function\") ref(el);\n else if (ref) ref.current = el;\n }}\n {...(id ? { id } : {})}\n {...fc.controlProps}\n {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n {...(fieldError ? { \"aria-invalid\": true } : {})}\n disabled={disabled}\n required={required && tags.length === 0}\n {...(required ? { \"aria-required\": true } : {})}\n value={draft}\n placeholder={tags.length ? undefined : placeholder}\n onChange={(e) => {\n const v = e.target.value;\n if (separators.some((s) => v.endsWith(s))) add(v);\n else setDraft(v);\n }}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\" && draft.trim()) {\n e.preventDefault();\n add(draft);\n } else if (e.key === \"Backspace\" && !draft && tags.length) {\n set(tags.slice(0, -1));\n }\n }}\n onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n const text = e.clipboardData.getData(\"text\");\n if (splitter.test(text)) {\n e.preventDefault();\n add(draft + text);\n }\n }}\n onBlur={() => draft.trim() && add(draft)}\n className={cn(\n \"my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\",\n tags.length === 0 && \"pl-12\",\n )}\n />\n {name && <input type=\"hidden\" name={name} value={tags.join(\",\")} />}\n </div>\n );\n if (field) return control;\n return withField({ label, description, error: fieldError, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TagInput.displayName = \"TagInput\";\n"],"mappings":"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"}
1	+ {"version":3,"file":"input.js","names":["__icon_ViewOffSlashIcon","__icon_ViewIcon","cn","useUiText","Tooltip","useField","useFieldControl","withField","useInputGroupSize","KAESO_INPUT_GROUP_VARIANTS","InputGroup","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","INPUT_ICON_SIZE","SearchInput","KAESO_INPUT_DEFAULT_VARIANTS","KAESO_INPUT_VARIANTS","Input","KAESO_NUMBER_INPUT_VARIANTS","compareDecimal","KAESO_NUMBER_INPUT_DEFAULT_VARIANTS","groupDecimal","KAESO_TEXTAREA_VARIANTS","NumberInput","Textarea","addDecimal","KAESO_TEXTAREA_DEFAULT_VARIANTS","Tag","KAESO_SENSITIVE_INPUT_VARIANTS","KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS","SensitiveInput","props","t","revealed","setRevealed","useState","defaultRevealed","caps","setCaps","checkCaps","kind","className","description","onKeyDown","onKeyUp","ViewOffSlashIcon","ViewIcon","r","KAESO_OTP_INPUT_VARIANTS","KAESO_OTP_INPUT_DEFAULT_VARIANTS","OTPInput","ariaLabel","force","field","inner","setInner","defaultValue","focused","setFocused","sel","setSel","auto","useId","input","useRef","current","value","length","set","clean","v","onValueChange","onComplete","active","isFocused","invalid","char","i","isActive","size","disabled","el","ref","id","KAESO_TAG_INPUT_VARIANTS","KAESO_TAG_INPUT_DEFAULT_VARIANTS","TagInput","fc","draft","setDraftState","setDraft","next","onInputValueChange","tags","splitter","separators","s","add","parts","raw","p","messages","validate","tag","firstError","m","fieldError","error","control","label","message","x","required","placeholder","text","name"],"sources":["../../src/components/input/sensitive-input.tsx","../../src/components/input/otp-input.tsx","../../src/components/input/tag-input.tsx"],"sourcesContent":["import { forwardRef, useState, type KeyboardEvent } from \"react\";\nimport { Input, type InputProps } from \"./input.js\";\nimport { InputGroup } from \"./input-group.js\";\nimport { ViewOffSlashIcon as __icon_ViewOffSlashIcon, ViewIcon as __icon_ViewIcon } from \"@hugeicons/core-free-icons\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_SENSITIVE_INPUT_VARIANTS = {\n kind: {\n secret: { classes: \"\" },\n password: { classes: \"\" },\n },\n} as const;\nexport const KAESO_SENSITIVE_INPUT_DEFAULT_VARIANTS = { kind: \"secret\" } as const;\n\nexport interface SensitiveInputProps extends Omit<InputProps, \"type\" \| \"trailing\"> {\n kind?: keyof typeof KAESO_SENSITIVE_INPUT_VARIANTS.kind \| undefined;\n defaultRevealed?: boolean \| undefined;\n}\n\nexport const SensitiveInput = /* @__PURE__ / forwardRef<HTMLInputElement, SensitiveInputProps>(function SensitiveInput(\n { kind = \"secret\", defaultRevealed = false, description, onKeyDown, onKeyUp, className, ...props },\n ref,\n) {\n const t = useUiText();\n const [revealed, setRevealed] = useState(defaultRevealed);\n const [caps, setCaps] = useState(false);\n const checkCaps = (e: KeyboardEvent<HTMLInputElement>) => setCaps(kind === \"password\" && e.getModifierState?.(\"CapsLock\"));\n return (\n <Input\n ref={ref}\n type={revealed ? \"text\" : \"password\"}\n autoComplete={kind === \"password\" ? \"current-password\" : \"off\"}\n autoCorrect=\"off\"\n autoCapitalize=\"off\"\n spellCheck={false}\n data-1p-ignore={kind === \"secret\" ? true : undefined}\n data-lpignore={kind === \"secret\" ? \"true\" : undefined}\n className={cn(className, revealed && \"mono\")}\n description={caps ? t(\"sensitiveInput.capsLock\", \"Caps Lock is on.\") : description}\n onKeyDown={(e) => {\n checkCaps(e);\n onKeyDown?.(e);\n }}\n onKeyUp={(e) => {\n checkCaps(e);\n onKeyUp?.(e);\n }}\n trailing={\n <InputGroup.Button\n icon={revealed ? __icon_ViewOffSlashIcon : __icon_ViewIcon}\n aria-label={\n kind === \"password\"\n ? revealed\n ? t(\"sensitiveInput.hidePassword\", \"Hide password\")\n : t(\"sensitiveInput.showPassword\", \"Show password\")\n : revealed\n ? t(\"sensitiveInput.hide\", \"Hide\")\n : t(\"sensitiveInput.show\", \"Show\")\n }\n onClick={() => setRevealed((r) => !r)}\n disabled={props.disabled}\n />\n }\n {...props}\n />\n );\n});\nif (process.env.NODE_ENV !== \"production\") SensitiveInput.displayName = \"SensitiveInput\";\n","import { forwardRef, useId, useRef, useState, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField } from \"../field/field.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_OTP_INPUT_VARIANTS = {\n size: {\n md: { classes: \"size-48 text-title\" },\n sm: { classes: \"size-40 text-title-sm\" },\n },\n} as const;\nexport const KAESO_OTP_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface OTPInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" \| \"defaultValue\" \| \"onChange\" \| \"size\" \| \"maxLength\"> {\n length?: number \| undefined;\n value?: string \| undefined;\n defaultValue?: string \| undefined;\n onValueChange?: ((value: string) => void) \| undefined;\n onComplete?: ((value: string) => void) \| undefined;\n invalid?: boolean \| undefined;\n size?: keyof typeof KAESO_OTP_INPUT_VARIANTS.size \| undefined;\n \"data-force\"?: string \| undefined;\n}\n\nexport const OTPInput = / @__PURE__ / forwardRef<HTMLInputElement, OTPInputProps>(function OTPInput(\n {\n length = 6,\n value,\n defaultValue = \"\",\n onValueChange,\n onComplete,\n invalid,\n size = \"md\",\n disabled,\n className,\n id,\n \"aria-label\": ariaLabel,\n \"data-force\": force,\n ...props\n },\n ref,\n) {\n const field = useField();\n const t = useUiText();\n const [inner, setInner] = useState(defaultValue);\n const [focused, setFocused] = useState(false);\n const [sel, setSel] = useState(0);\n const auto = useId();\n const input = useRef<HTMLInputElement \| null>(null);\n const current = (value ?? inner).slice(0, length);\n const set = (v: string) => {\n const clean = v.replace(/\\D/g, \"\").slice(0, length);\n if (value === undefined) setInner(clean);\n onValueChange?.(clean);\n if (clean.length === length) onComplete?.(clean);\n };\n const active = Math.min(sel, length - 1);\n const isFocused = focused \|\| force?.includes(\"focus\");\n return (\n <div className={cn(\"relative inline-flex gap-8\", className)} data-invalid={invalid \|\| field?.invalid \|\| undefined}>\n {Array.from({ length }, (_, i) => {\n const char = current[i] ?? \"\";\n const isActive = isFocused && i === Math.min(current.length, length - 1) && (sel >= current.length \|\| i === active);\n return (\n <div\n key={i}\n aria-hidden\n className={cn(\n \"flex items-center justify-center rounded-cell-lg font-semibold tabular text-fg material-field transition-control\",\n KAESO_OTP_INPUT_VARIANTS.size[size].classes,\n i === 2 && length === 6 && \"mr-8\",\n )}\n {...(invalid \|\| field?.invalid ? { \"data-invalid\": \"\" } : {})}\n {...(disabled ? { \"data-disabled\": \"\" } : {})}\n {...(isActive ? { \"data-focused\": \"\" } : {})}\n >\n {char \|\| (isActive ? <span className=\"h-20 w-1 animate-pulse-quiet bg-fg\" /> : null)}\n </div>\n );\n })}\n <input\n ref={(el) => {\n input.current = el;\n if (typeof ref === \"function\") ref(el);\n else if (ref) ref.current = el;\n }}\n id={field?.controlId ?? id ?? `k-otp-${auto}`}\n type=\"text\"\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n pattern=\"\\d\"\n maxLength={length}\n value={current}\n disabled={disabled}\n aria-label={ariaLabel ?? (field ? undefined : t(\"otpInput.label\", \"Verification code\"))}\n {...(field?.controlProps[\"aria-describedby\"] ? { \"aria-describedby\": field.controlProps[\"aria-describedby\"] } : {})}\n {...(invalid \|\| field?.invalid ? { \"aria-invalid\": true } : {})}\n onChange={(e) => {\n set(e.target.value);\n setSel(e.target.selectionStart ?? e.target.value.length);\n }}\n onSelect={(e) => setSel((e.target as HTMLInputElement).selectionStart ?? 0)}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n className=\"absolute inset-0 h-full w-full cursor-text bg-transparent text-transparent caret-transparent opacity-0 outline-none disabled:cursor-not-allowed\"\n {...props}\n />\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") OTPInput.displayName = \"OTPInput\";\n","import { forwardRef, useRef, useState, type ClipboardEvent, type KeyboardEvent } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useField, useFieldControl, withField, type FieldWrapProps } from \"../field/field.js\";\nimport { Tag } from \"../tag/tag.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TAG_INPUT_VARIANTS = {\n size: {\n md: { classes: \"min-h-36 p-4\" },\n },\n} as const;\nexport const KAESO_TAG_INPUT_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface TagInputProps extends FieldWrapProps {\n value?: string[] \| undefined;\n defaultValue?: string[] \| undefined;\n onValueChange?: ((value: string[]) => void) \| undefined;\n onInputValueChange?: ((draft: string) => void) \| undefined;\n placeholder?: string \| undefined;\n validate?: ((tag: string) => true \| string) \| undefined;\n separators?: string[] \| undefined;\n disabled?: boolean \| undefined;\n id?: string \| undefined;\n name?: string \| undefined;\n className?: string \| undefined;\n \"aria-label\"?: string \| undefined;\n \"data-force\"?: string \| undefined;\n}\n\nexport const TagInput = /* @__PURE__ */ forwardRef<HTMLInputElement, TagInputProps>(function TagInput(props, ref) {\n const {\n value,\n defaultValue = [],\n onValueChange,\n onInputValueChange,\n placeholder,\n validate,\n separators = [\",\", \" \", \";\"],\n disabled,\n id,\n name,\n className,\n label,\n description,\n error,\n optional,\n required,\n layout,\n \"aria-label\": ariaLabel,\n \"data-force\": force,\n } = props;\n const field = useField();\n const fc = useFieldControl(props);\n const t = useUiText();\n const [inner, setInner] = useState<string[]>(defaultValue);\n const [draft, setDraftState] = useState(\"\");\n const setDraft = (next: string) => {\n setDraftState(next);\n onInputValueChange?.(next);\n };\n const input = useRef<HTMLInputElement \| null>(null);\n const tags = value ?? inner;\n const set = (next: string[]) => {\n if (value === undefined) setInner(next);\n onValueChange?.(next);\n };\n const splitter = new RegExp(`[${separators.map((s) => s.replace(/[\\]\\\\^-]/g, \"\\\\$&\")).join(\"\")}\\\\n\\\\t]+`);\n const add = (raw: string) => {\n const parts = raw\n .split(splitter)\n .map((p) => p.trim())\n .filter(Boolean)\n .filter((p) => !tags.includes(p));\n if (parts.length) set([...tags, ...parts]);\n setDraft(\"\");\n };\n const messages = tags.map((tag) => (validate ? validate(tag) : true));\n const firstError = messages.find((m) => m !== true);\n const fieldError = error ?? (typeof firstError === \"string\" ? firstError : undefined);\n const control = (\n <div\n className={cn(\n \"flex w-full min-w-0 flex-wrap items-center gap-4 rounded-field material-field transition-control cursor-text\",\n KAESO_TAG_INPUT_VARIANTS.size.md.classes,\n disabled && \"cursor-not-allowed\",\n !(label \|\| description \|\| fieldError) && className,\n )}\n {...(fieldError \|\| field?.invalid ? { \"data-invalid\": \"\" } : {})}\n {...(disabled ? { \"data-disabled\": \"\" } : {})}\n {...(force ? { \"data-force\": force } : {})}\n onMouseDown={(e) => {\n if (e.target === e.currentTarget) {\n e.preventDefault();\n input.current?.focus();\n }\n }}\n >\n {tags.map((tag, i) => {\n const message = messages[i];\n return (\n <Tag\n key={tag}\n invalid={message !== true}\n {...(disabled ? {} : { onRemove: () => set(tags.filter((x) => x !== tag)), removeLabel: t(\"tagInput.remove\", \"Remove {tag}\", { tag }) })}\n >\n {typeof message === \"string\" ? (\n <Tooltip content={message}>\n <span>{tag}</span>\n </Tooltip>\n ) : (\n tag\n )}\n </Tag>\n );\n })}\n <input\n ref={(el) => {\n input.current = el;\n if (typeof ref === \"function\") ref(el);\n else if (ref) ref.current = el;\n }}\n {...(id ? { id } : {})}\n {...fc.controlProps}\n {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n {...(fieldError ? { \"aria-invalid\": true } : {})}\n disabled={disabled}\n required={required && tags.length === 0}\n {...(required ? { \"aria-required\": true } : {})}\n value={draft}\n placeholder={tags.length ? undefined : placeholder}\n onChange={(e) => {\n const v = e.target.value;\n if (separators.some((s) => v.endsWith(s))) add(v);\n else setDraft(v);\n }}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\" && draft.trim()) {\n e.preventDefault();\n add(draft);\n } else if (e.key === \"Backspace\" && !draft && tags.length) {\n set(tags.slice(0, -1));\n }\n }}\n onPaste={(e: ClipboardEvent<HTMLInputElement>) => {\n const text = e.clipboardData.getData(\"text\");\n if (splitter.test(text)) {\n e.preventDefault();\n add(draft + text);\n }\n }}\n onBlur={() => draft.trim() && add(draft)}\n className={cn(\n \"my-4 min-w-80 flex-1 bg-transparent px-8 text-body text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed\",\n tags.length === 0 && \"pl-12\",\n )}\n />\n {name && <input type=\"hidden\" name={name} value={tags.join(\",\")} />}\n </div>\n );\n if (field) return control;\n return withField({ label, description, error: fieldError, optional, required, layout, id: fc.wrapId ?? id, disabled, className }, control);\n});\nif (process.env.NODE_ENV !== \"production\") TagInput.displayName = \"TagInput\";\n"],"mappings":";;;;;;;;;;;;;AAOA,IAAa2B,IAAiC,EAC5C,MAAM;CACJ,QAAQ,EAAE,SAAS,GAAG;CACtB,UAAU,EAAE,SAAS,GAAG;AAC1B,EACF,GACaC,IAAyC,EAAE,MAAM,SAAS,GAO1DC,IAAiC,kBAAkD,SAC9F,EAAE,UAAO,UAAU,qBAAkB,IAAO,gBAAa,cAAW,YAAS,cAAW,GAAGC,KAC3F,GACA;CACA,IAAMC,IAAI5B,EAAU,GACd,CAAC6B,GAAUC,KAAeC,EAASC,CAAe,GAClD,CAACC,GAAMC,KAAWH,EAAS,EAAK,GAChCI,KAAa,MAAuCD,EAAQE,MAAS,cAAc,EAAE,mBAAmB,UAAU,CAAC;CACzH,OACE,kBAACvB,GAAD;EACO;EACL,MAAMgB,IAAW,SAAS;EAC1B,cAAcO,MAAS,aAAa,qBAAqB;EACzD,aAAY;EACZ,gBAAe;EACf,YAAY;EACZ,kBAAgBA,MAAS,YAAkB,KAAA;EAC3C,iBAAeA,MAAS,WAAW,SAAS,KAAA;EAC5C,WAAWrC,EAAGsC,GAAWR,KAAY,MAAM;EAC3C,aAAaI,IAAOL,EAAE,2BAA2B,kBAAkB,IAAIU;EACvE,YAAY,MAAM;GAEhB,AADAH,EAAU,CAAC,GACXI,IAAY,CAAC;EACf;EACA,UAAU,MAAM;GAEd,AADAJ,EAAU,CAAC,GACXK,IAAU,CAAC;EACb;EACA,UACE,kBAACjC,EAAW,QAAZ;GACE,MAAMsB,IAAWhC,IAA0BC;GAC3C,cACEsC,MAAS,aACLP,IACED,EAAE,+BAA+B,eAAe,IAChDA,EAAE,+BAA+B,eAAe,IAClDC,IACED,EAAE,uBAAuB,MAAM,IAC/BA,EAAE,uBAAuB,MAAM;GAEvC,eAAeE,GAAa,MAAM,CAACa,CAAC;GACpC,UAAUhB,EAAM;EACjB,CAAA;EAEH,GAAIA;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAe,cAAc;;;AC/DxE,IAAaiB,IAA2B,EACtC,MAAM;CACJ,IAAI,EAAE,SAAS,qBAAqB;CACpC,IAAI,EAAE,SAAS,wBAAwB;AACzC,EACF,GACaC,IAAmC,EAAE,MAAM,KAAK,GAahDC,IAA2B,kBAA4C,SAClF,EACE,YAAS,GACT,UACA,kBAAe,IACf,kBACA,eACA,YACA,UAAO,MACP,aACA,cACA,OACA,cAAcC,GACd,cAAcC,GACd,GAAGrB,KAEL,GACA;CACA,IAAMsB,IAAQ/C,EAAS,GACjB0B,IAAI5B,EAAU,GACd,CAACkD,GAAOC,KAAYpB,EAASqB,CAAY,GACzC,CAACC,GAASC,KAAcvB,EAAS,EAAK,GACtC,CAACwB,GAAKC,KAAUzB,EAAS,CAAC,GAC1B0B,IAAOC,EAAM,GACbC,IAAQC,EAAgC,IAAI,GAC5CC,KAAWC,KAASZ,EAAA,CAAO,MAAM,GAAGa,CAAM,GAC1CC,KAAO,MAAc;EACzB,IAAMC,IAAQC,EAAE,QAAQ,OAAO,EAAE,CAAC,CAAC,MAAM,GAAGH,CAAM;EAGlD,AAFID,MAAU,KAAA,KAAWX,EAASc,CAAK,GACvCE,IAAgBF,CAAK,GACjBA,EAAM,WAAWF,KAAQK,IAAaH,CAAK;CACjD,GACMI,IAAS,KAAK,IAAId,GAAKQ,IAAS,CAAC,GACjCO,IAAYjB,KAAWL,GAAO,SAAS,OAAO;CACpD,OACE,kBAAC,OAAD;EAAK,WAAWjD,EAAG,8BAA8BsC,CAAS;EAAG,gBAAckC,KAAWtB,GAAO,WAAW,KAAA;EAAxG,UAAA,CACG,MAAM,KAAK,EAAE,UAAO,IAAI,GAAG,MAAM;GAChC,IAAMuB,IAAOX,EAAQY,MAAM,IACrBC,IAAWJ,KAAaG,MAAM,KAAK,IAAIZ,EAAQ,QAAQE,IAAS,CAAC,MAAMR,KAAOM,EAAQ,UAAUY,MAAMJ;GAC5G,OACE,kBAAC,OAAD;IAEE,eAAA;IACA,WAAWtE,EACT,oHACA6C,EAAyB,KAAK+B,EAAK,CAAC,SACpCF,MAAM,KAAKV,MAAW,KAAK,MAC7B;IACA,GAAKQ,KAAWtB,GAAO,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC3D,GAAK2B,IAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC3C,GAAKF,IAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAEzC,UAAAF,MAASE,IAAW,kBAAC,QAAD,EAAM,WAAU,qCAAsC,CAAA,IAAI;GAC5E,GAZED,CAYF;EAET,CAAC,GACD,kBAAC,SAAD;GACE,MAAM,MAAO;IAEX,AADA,EAAM,UAAUI,GACZ,OAAOC,KAAQ,aAAYA,EAAID,CAAE,IAC5BC,MAAK,EAAI,UAAUD;GAC9B;GACA,IAAI5B,GAAO,aAAa8B,KAAM,SAAStB;GACvC,MAAK;GACL,WAAU;GACV,cAAa;GACb,SAAQ;GACR,WAAWM;GACX,OAAOF;GACG;GACV,cAAYd,MAAcE,IAAQ,KAAA,IAAYrB,EAAE,kBAAkB,mBAAmB;GACrF,GAAKqB,GAAO,aAAa,sBAAsB,EAAE,oBAAoBA,EAAM,aAAa,oBAAoB,IAAI,CAAC;GACjH,GAAKsB,KAAWtB,GAAO,UAAU,EAAE,gBAAgB,GAAK,IAAI,CAAC;GAC7D,WAAW,MAAM;IAEf,AADAe,EAAI,EAAE,OAAO,KAAK,GAClBR,EAAO,EAAE,OAAO,kBAAkB,EAAE,OAAO,MAAM,MAAM;GACzD;GACA,WAAW,MAAMA,EAAQ,EAAE,OAA4B,kBAAkB,CAAC;GAC1E,eAAeF,EAAW,EAAI;GAC9B,cAAcA,EAAW,EAAK;GAC9B,WAAU;GACV,GAAI3B;EACL,CAAA,CACE;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;;;ACvGlE,IAAaqD,IAA2B,EACtC,MAAM,EACJ,IAAI,EAAE,SAAS,eAAe,EAChC,EACF,GACaC,IAAmC,EAAE,MAAM,KAAK,GAkBhDC,IAA2B,kBAA4C,SAAkB,GAAO,GAAK;CAChH,IAAM,EACJ,UACA,kBAAe,CAAC,GAChB,kBACA,uBACA,gBACA,aACA,gBAAa;EAAC;EAAK;EAAK;CAAG,GAC3B,aACA,OACA,SACA,cACA,UACA,gBACA,UACA,aACA,aACA,WACA,cAAcnC,GACd,cAAcC,MACZrB,GACEsB,IAAQ/C,EAAS,GACjBiF,IAAKhF,EAAgBwB,CAAK,GAC1BC,IAAI5B,EAAU,GACd,CAACkD,GAAOC,KAAYpB,EAAmBqB,CAAY,GACnD,CAACgC,GAAOC,KAAiBtD,EAAS,EAAE,GACpCuD,KAAY,MAAiB;EAEjC,AADAD,EAAcE,CAAI,GAClBC,IAAqBD,CAAI;CAC3B,GACM5B,IAAQC,EAAgC,IAAI,GAC5C6B,IAAO3B,KAASZ,GAChBc,KAAO,MAAmB;EAE9B,AADIF,MAAU,KAAA,KAAWX,EAASoC,CAAI,GACtCpB,IAAgBoB,CAAI;CACtB,GACMG,IAAe,OAAO,IAAIC,EAAW,KAAK,MAAMC,EAAE,QAAQ,aAAa,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,SAAS,GAClGC,KAAO,MAAgB;EAC3B,IAAMC,IAAQC,EACX,MAAML,CAAQ,CAAC,CACf,KAAK,MAAMM,EAAE,KAAK,CAAC,CAAC,CACpB,OAAO,OAAO,CAAC,CACf,QAAQ,MAAM,CAACP,EAAK,SAASO,CAAC,CAAC;EAElC,AADIF,EAAM,UAAQ9B,EAAI,CAAC,GAAGyB,GAAM,GAAGK,CAAK,CAAC,GACzCR,EAAS,EAAE;CACb,GACMW,IAAWR,EAAK,KAAK,MAAS,MAAWS,EAASC,CAAG,CAAS,GAC9DC,IAAaH,EAAS,MAAM,MAAMI,MAAM,EAAI,GAC5CC,IAAaC,MAAU,OAAOH,KAAe,WAAWA,IAAa,KAAA,IACrEI,IACJ,kBAAC,OAAD;EACE,WAAWzG,EACT,gHACAiF,EAAyB,KAAK,GAAG,SACjCJ,KAAY,sBACZ,EAAE6B,KAASnE,KAAegE,MAAejE,CAC3C;EACA,GAAKiE,KAAcrD,GAAO,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;EAC9D,GAAK2B,IAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;EAC3C,GAAK5B,IAAQ,EAAE,cAAcA,EAAM,IAAI,CAAC;EACxC,cAAc,MAAM;GAClB,AAAI,EAAE,WAAW,EAAE,kBACjB,EAAE,eAAe,GACjBW,EAAM,SAAS,MAAM;EAEzB;EAfF,UAAA;GAiBG8B,EAAK,KAAK,GAAK,MAAM;IACpB,IAAMiB,IAAUT,EAASxB;IACzB,OACE,kBAAClD,GAAD;KAEE,SAASmF,MAAY;KACrB,GAAK9B,IAAW,CAAC,IAAI;MAAE,gBAAgBZ,EAAIyB,EAAK,QAAQ,MAAMkB,MAAMR,CAAG,CAAC;MAAG,aAAavE,EAAE,mBAAmB,gBAAgB,EAAE,OAAI,CAAC;KAAE;KAErI,UAAA,OAAO8E,KAAY,WAClB,kBAACzG,GAAD;MAAS,SAASyG;MAChB,UAAA,kBAAC,QAAD,EAAA,UAAOP,EAAU,CAAA;KACV,CAAA,IAETA;IAEC,GAXEA,CAWF;GAET,CAAC;GACD,kBAAC,SAAD;IACE,MAAM,MAAO;KAEX,AADA,EAAM,UAAUtB,GACZ,OAAOC,KAAQ,aAAYA,EAAID,CAAE,IAC5BC,MAAK,EAAI,UAAUD;IAC9B;IACA,GAAKE,IAAK,EAAE,MAAG,IAAI,CAAC;IACpB,GAAII,EAAG;IACP,GAAKpC,IAAY,EAAE,cAAcA,EAAU,IAAI,CAAC;IAChD,GAAKuD,IAAa,EAAE,gBAAgB,GAAK,IAAI,CAAC;IACpC;IACV,UAAUM,KAAYnB,EAAK,WAAW;IACtC,GAAKmB,IAAW,EAAE,iBAAiB,GAAK,IAAI,CAAC;IAC7C,OAAOxB;IACP,aAAaK,EAAK,SAAS,KAAA,IAAYoB;IACvC,WAAW,MAAM;KACf,IAAM3C,IAAI,EAAE,OAAO;KACnB,AAAIyB,EAAW,MAAM,MAAMzB,EAAE,SAAS0B,CAAC,CAAC,IAAGC,EAAI3B,CAAC,IAC3CoB,EAASpB,CAAC;IACjB;IACA,YAAY,MAAuC;KACjD,AAAI,EAAE,QAAQ,WAAWkB,EAAM,KAAK,KAClC,EAAE,eAAe,GACjBS,EAAIT,CAAK,KACA,EAAE,QAAQ,eAAe,CAACA,KAASK,EAAK,UACjDzB,EAAIyB,EAAK,MAAM,GAAG,EAAE,CAAC;IAEzB;IACA,UAAU,MAAwC;KAChD,IAAMqB,IAAO,EAAE,cAAc,QAAQ,MAAM;KAC3C,AAAIpB,EAAS,KAAKoB,CAAI,MACpB,EAAE,eAAe,GACjBjB,EAAIT,IAAQ0B,CAAI;IAEpB;IACA,cAAc1B,EAAM,KAAK,KAAKS,EAAIT,CAAK;IACvC,WAAWrF,EACT,oIACA0F,EAAK,WAAW,KAAK,OACvB;GACD,CAAA;GACAsB,KAAQ,kBAAC,SAAD;IAAO,MAAK;IAAe;IAAM,OAAOtB,EAAK,KAAK,GAAG;GAAI,CAAA;EAC/D;;CAGP,OADIxC,IAAcuD,IACXpG,EAAU;EAAE;EAAO;EAAa,OAAOkG;EAAY;EAAU;EAAU;EAAQ,IAAInB,EAAG,UAAUJ;EAAI;EAAU;CAAU,GAAGyB,CAAO;AAC3I,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc"}

package/dist/components/kaeso/conversation.js CHANGED Viewed

@@ -1,21 +1,22 @@
 "use client";
-import { t as e } from "../../chunks/cn-CidVUKMm.js";
+import { t as e } from "../../chunks/cn-DUDmdLpZ.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
-import { t as n } from "../../chunks/icon-CeNQtobn.js";
-import { t as r } from "../../chunks/banner-DxGBPQ7p.js";
-import { t as i } from "../../chunks/json-view-B6KHIWzh.js";
-import { t as a } from "../../chunks/badge-Dkyhs0_j.js";
-import { n as o } from "../../chunks/collapsible-Cw_1aem5.js";
-import { t as s } from "../../chunks/safe-href-G5DBNVwm.js";
-import { Suspense as c, forwardRef as l, lazy as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Image01Icon as p, Pdf01Icon as m, ToolsIcon as h } from "@hugeicons/core-free-icons";
+import { t as n } from "../../chunks/icon-BqujXDUc.js";
+import { r } from "../../chunks/link-YMcxM-BZ.js";
+import { t as i } from "../../chunks/banner-BBlNFHd-.js";
+import { t as a } from "../../chunks/json-view-BkG2hTXV.js";
+import { t as o } from "../../chunks/badge-wUHlj7m3.js";
+import { n as s } from "../../chunks/collapsible-CDQq1Y9x.js";
+import { t as c } from "../../chunks/safe-href-G5DBNVwm.js";
+import { Suspense as l, forwardRef as u, lazy as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Image01Icon as m, Pdf01Icon as h, ToolsIcon as g } from "@hugeicons/core-free-icons";
 //#region src/components/kaeso/conversation.tsx
-var g = /* @__PURE__ */ u(() => import("../../chunks/markdown-5NyaHHfN.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), _ = { density: {
+var _ = /* @__PURE__ */ d(() => import("../../chunks/markdown-DWyxjsSY.js").then((e) => e.o).then((e) => ({ default: e.Markdown }))), v = { density: {
 	default: { classes: "gap-24" },
 	compact: { classes: "gap-16" }
-} }, v = { density: "default" };
-function y(e) {
+} }, y = { density: "default" };
+function b(e) {
 	return {
 		system: e("conversationView.system", "System"),
 		developer: e("conversationView.developer", "Developer"),
@@ -24,8 +25,12 @@ function y(e) {
 		tool: e("conversationView.tool", "Tool")
 	};
 }
-var b = (e) => /^data:image\/[a-z0-9.+-]+;/i.test(e) ? e : s(e);
-function x(e) {
+var x = /^data:image\/[a-z0-9.+-]+;/i;
+function S(e) {
+	let t = c(e);
+	return t && /^https?:/.test(t) ? t : null;
+}
+function C(e) {
 	let t = e.trim();
 	if (!/^[[{]/.test(t)) return !1;
 	try {
@@ -34,14 +39,14 @@ function x(e) {
 		return !1;
 	}
 }
-function S({ text: t, markdown: n, small: r }) {
-	let i = /* @__PURE__ */ d("p", {
+function w({ text: t, markdown: n, small: r }) {
+	let i = /* @__PURE__ */ f("p", {
 		className: e("max-w-prose whitespace-pre-wrap wrap-break-word text-pretty", r ? "text-small text-fg-secondary" : "text-body text-fg"),
 		children: t
 	});
-	return n ? /* @__PURE__ */ d(c, {
+	return n ? /* @__PURE__ */ f(l, {
 		fallback: i,
-		children: /* @__PURE__ */ d(g, {
+		children: /* @__PURE__ */ f(_, {
 			text: t,
 			...r ? {
 				size: "small",
@@ -50,143 +55,147 @@ function S({ text: t, markdown: n, small: r }) {
 		})
 	}) : i;
 }
-function C({ blocks: e, markdown: s }) {
-	let c = t();
-	return /* @__PURE__ */ d("div", {
+function T({ blocks: e, markdown: c }) {
+	let l = t();
+	return /* @__PURE__ */ f("div", {
 		className: "flex flex-col gap-12",
 		children: e.map((e, t) => {
 			switch (e.type) {
-				case "text": return /* @__PURE__ */ d(S, {
+				case "text": return /* @__PURE__ */ f(w, {
 					text: e.text,
-					markdown: s
+					markdown: c
 				}, t);
-				case "tool_call": return /* @__PURE__ */ f("div", {
+				case "tool_call": return /* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-8",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "inline-flex items-center gap-8 text-small font-medium text-fg-secondary",
 						children: [
-							/* @__PURE__ */ d(n, {
-								icon: h,
+							/* @__PURE__ */ f(n, {
+								icon: g,
 								size: "xs"
 							}),
-							c("conversationView.called", "Called **{name}**", { name: e.name }).split("**").map((e, t) => t % 2 ? /* @__PURE__ */ d("span", {
+							l("conversationView.called", "Called **{name}**", { name: e.name }).split("**").map((e, t) => t % 2 ? /* @__PURE__ */ f("span", {
 								className: "mono text-fg",
 								children: e
 							}, t) : e),
-							e.id && /* @__PURE__ */ d("span", {
+							e.id && /* @__PURE__ */ f("span", {
 								className: "mono text-fg-tertiary",
 								children: e.id
 							})
 						]
-					}), /* @__PURE__ */ d(i, {
+					}), /* @__PURE__ */ f(a, {
 						value: e.arguments,
 						defaultDepth: 3
 					})]
 				}, t);
-				case "tool_result": return /* @__PURE__ */ f("div", {
+				case "tool_result": return /* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-8 pl-16 hairline-l",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "inline-flex items-center gap-8 text-small font-medium text-fg-secondary",
 						children: [
-							c("conversationView.result", "Result"),
-							e.tool_call_id && /* @__PURE__ */ d("span", {
+							l("conversationView.result", "Result"),
+							e.tool_call_id && /* @__PURE__ */ f("span", {
 								className: "mono text-fg-tertiary",
 								children: e.tool_call_id
 							}),
-							e.is_error && /* @__PURE__ */ d(a, {
+							e.is_error && /* @__PURE__ */ f(o, {
 								tone: "danger",
-								children: c("conversationView.error", "Error")
+								children: l("conversationView.error", "Error")
 							})
 						]
-					}), typeof e.content == "string" ? s && !x(e.content) ? /* @__PURE__ */ d(S, {
+					}), typeof e.content == "string" ? c && !C(e.content) ? /* @__PURE__ */ f(w, {
 						text: e.content,
 						markdown: !0
-					}) : /* @__PURE__ */ d("pre", {
+					}) : /* @__PURE__ */ f("pre", {
 						className: "mono text-small whitespace-pre-wrap wrap-anywhere text-fg",
 						children: e.content
-					}) : /* @__PURE__ */ d(C, {
+					}) : /* @__PURE__ */ f(T, {
 						blocks: e.content,
-						markdown: s
+						markdown: c
 					})]
 				}, t);
-				case "reasoning": return /* @__PURE__ */ d(o, {
-					title: /* @__PURE__ */ d("span", {
+				case "reasoning": return /* @__PURE__ */ f(s, {
+					title: /* @__PURE__ */ f("span", {
 						className: "text-fg-secondary",
-						children: c("conversationView.reasoning", "Reasoning")
+						children: l("conversationView.reasoning", "Reasoning")
 					}),
-					hint: e.redacted ? c("conversationView.redacted", "Redacted by the provider") : void 0,
-					children: e.redacted ? /* @__PURE__ */ d("p", {
+					hint: e.redacted ? l("conversationView.redacted", "Redacted by the provider") : void 0,
+					children: e.redacted ? /* @__PURE__ */ f("p", {
 						className: "max-w-prose text-small text-fg-secondary",
-						children: c("conversationView.encrypted", "The provider returned this reasoning in encrypted form.")
-					}) : /* @__PURE__ */ d(S, {
+						children: l("conversationView.encrypted", "The provider returned this reasoning in encrypted form.")
+					}) : /* @__PURE__ */ f(w, {
 						text: e.text,
-						markdown: s,
+						markdown: c,
 						small: !0
 					})
 				}, t);
 				case "image": {
-					let r = e.src ? b(e.src) : null;
-					return r ? /* @__PURE__ */ d("a", {
-						href: r,
-						target: "_blank",
-						rel: "noopener noreferrer nofollow",
-						className: "block w-120 overflow-hidden rounded-well ring-over ring-over-line focus-ring",
-						children: /* @__PURE__ */ d("img", {
-							src: r,
-							alt: e.alt ?? c("conversationView.imageInput", "Image input"),
+					if (e.src && x.test(e.src)) return /* @__PURE__ */ f("span", {
+						className: "block w-120 overflow-hidden rounded-well ring-over ring-over-line",
+						children: /* @__PURE__ */ f("img", {
+							src: e.src,
+							alt: e.alt ?? l("conversationView.imageInput", "Image input"),
 							className: "block h-120 w-120 object-cover"
 						})
-					}, t) : /* @__PURE__ */ f("span", {
+					}, t);
+					let i = e.src ? S(e.src) : null;
+					return i ? /* @__PURE__ */ f(r, {
+						href: i,
+						external: !0,
+						rel: "noopener noreferrer nofollow",
+						className: "w-max max-w-full wrap-anywhere",
+						children: l("conversationView.imageFrom", "Image from {host}", { host: new URL(i).host })
+					}, t) : /* @__PURE__ */ p("span", {
 						className: "inline-flex h-32 w-max items-center gap-8 rounded-pill bg-fill-1 px-12 text-small text-fg-secondary",
 						children: [
-							/* @__PURE__ */ d(n, {
-								icon: p,
+							/* @__PURE__ */ f(n, {
+								icon: m,
 								size: "xs"
 							}),
 							" ",
-							c("conversationView.image", "Image"),
+							l("conversationView.image", "Image"),
 							" ",
-							e.media_type && /* @__PURE__ */ d("span", {
+							e.media_type && /* @__PURE__ */ f("span", {
 								className: "mono",
 								children: e.media_type
 							})
 						]
 					}, t);
 				}
-				case "document": return /* @__PURE__ */ f("span", {
+				case "document": return /* @__PURE__ */ p("span", {
 					className: "inline-flex h-32 w-max items-center gap-8 rounded-pill bg-fill-1 px-12 text-small text-fg-secondary",
 					children: [
-						/* @__PURE__ */ d(n, {
-							icon: m,
+						/* @__PURE__ */ f(n, {
+							icon: h,
 							size: "xs"
 						}),
 						" ",
-						e.name ?? c("conversationView.document", "Document")
+						e.name ?? l("conversationView.document", "Document")
 					]
 				}, t);
-				case "refusal": return /* @__PURE__ */ d(r, {
+				case "refusal": return /* @__PURE__ */ f(i, {
 					tone: "warning",
-					title: c("conversationView.refused", "The model refused."),
+					title: l("conversationView.refused", "The model refused."),
 					children: e.text
 				}, t);
 			}
 		})
 	});
 }
-var w = /* @__PURE__ */ l(function({ messages: n, density: r = "default", markdown: i = !1, className: a, footer: o }, s) {
-	let c = y(t());
-	return /* @__PURE__ */ f("div", {
+var E = /* @__PURE__ */ u(function({ messages: n, density: r = "default", markdown: i = !1, className: a, footer: o }, s) {
+	let c = b(t());
+	return /* @__PURE__ */ p("div", {
 		ref: s,
-		className: e("flex flex-col", _.density[r].classes, a),
-		children: [n.map((t, n) => /* @__PURE__ */ f("section", {
+		className: e("flex flex-col", v.density[r].classes, a),
+		children: [n.map((t, n) => /* @__PURE__ */ p("section", {
 			"aria-label": c[t.role],
 			className: "flex flex-col gap-8",
-			children: [/* @__PURE__ */ d("span", {
+			children: [/* @__PURE__ */ f("span", {
 				className: e("text-caption font-medium", t.role === "assistant" ? "text-fg" : "text-fg-secondary"),
 				children: c[t.role]
-			}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: e(t.role === "system" || t.role === "developer" ? "rounded-well bg-fill-1 px-16 py-12" : ""),
-				children: /* @__PURE__ */ d(C, {
+				children: /* @__PURE__ */ f(T, {
 					blocks: typeof t.content == "string" ? [{
 						type: "text",
 						text: t.content
@@ -197,8 +206,8 @@ var w = /* @__PURE__ */ l(function({ messages: n, density: r = "default", markdo
 		}, n)), o]
 	});
 });
-process.env.NODE_ENV !== "production" && (w.displayName = "ConversationView");
+process.env.NODE_ENV !== "production" && (E.displayName = "ConversationView");
 //#endregion
-export { w as ConversationView, v as KAESO_CONVERSATION_DEFAULT_VARIANTS, _ as KAESO_CONVERSATION_VARIANTS };
+export { E as ConversationView, y as KAESO_CONVERSATION_DEFAULT_VARIANTS, v as KAESO_CONVERSATION_VARIANTS };
 //# sourceMappingURL=conversation.js.map

package/dist/components/kaeso/conversation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation.js","names":["__icon_ToolsIcon","__icon_Image01Icon","__icon_Pdf01Icon","cn","useUiText","Icon","Banner","JsonView","Badge","Collapsible","safeHref","LazyMarkdown","n","m","KAESO_CONVERSATION_VARIANTS","KAESO_CONVERSATION_DEFAULT_VARIANTS","roleNames","t","imageHref","src","isJson","s","Prose","plain","small","text","markdown","Suspense","Blocks","blocks","b","i","ToolsIcon","j","part","href","Image01Icon","Pdf01Icon","ConversationView","role","density","className","messages","footer"],"sources":["../../../src/components/kaeso/conversation.tsx"],"sourcesContent":["import { forwardRef, lazy, Suspense, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { ToolsIcon as __icon_ToolsIcon, Image01Icon as __icon_Image01Icon, Pdf01Icon as __icon_Pdf01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Banner } from \"../banner/banner.js\";\nimport { Collapsible } from \"../collapsible/collapsible.js\";\nimport { JsonView } from \"../code-block/json-view.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { safeHref } from \"../../utils/safe-href.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nconst LazyMarkdown = /* @__PURE__ / lazy(() => import(\"../markdown/markdown.js\").then((m) => ({ default: m.Markdown })));\n\nexport const KAESO_CONVERSATION_VARIANTS = {\n density: {\n default: { classes: \"gap-24\" },\n compact: { classes: \"gap-16\" },\n },\n} as const;\nexport const KAESO_CONVERSATION_DEFAULT_VARIANTS = { density: \"default\" } as const;\n\nexport type ContentBlock =\n \| { type: \"text\"; text: string }\n \| { type: \"tool_call\"; id?: string \| undefined; name: string; arguments: unknown }\n \| { type: \"tool_result\"; tool_call_id?: string \| undefined; content: string \| ContentBlock[]; is_error?: boolean \| undefined }\n \| { type: \"reasoning\"; text: string; redacted?: boolean \| undefined }\n \| { type: \"image\"; src?: string \| undefined; alt?: string \| undefined; media_type?: string \| undefined }\n \| { type: \"document\"; name?: string \| undefined; media_type?: string \| undefined }\n \| { type: \"refusal\"; text: string };\n\nexport interface ConversationMessage {\n role: \"system\" \| \"user\" \| \"assistant\" \| \"tool\" \| \"developer\";\n content: string \| ContentBlock[];\n}\n\nfunction roleNames(t: UiText): Record<ConversationMessage[\"role\"], string> {\n return {\n system: t(\"conversationView.system\", \"System\"),\n developer: t(\"conversationView.developer\", \"Developer\"),\n user: t(\"conversationView.user\", \"User\"),\n assistant: t(\"conversationView.assistant\", \"Assistant\"),\n tool: t(\"conversationView.tool\", \"Tool\"),\n };\n}\n\nconst imageHref = (src: string) => (/^data:image\\/[a-z0-9.+-]+;/i.test(src) ? src : safeHref(src));\n\nfunction isJson(s: string) {\n const t = s.trim();\n if (!/^[[{]/.test(t)) return false;\n try {\n JSON.parse(t);\n return true;\n } catch {\n return false;\n }\n}\n\nfunction Prose({ text, markdown, small }: { text: string; markdown: boolean; small?: boolean \| undefined }) {\n const plain = (\n <p className={cn(\"max-w-prose whitespace-pre-wrap wrap-break-word text-pretty\", small ? \"text-small text-fg-secondary\" : \"text-body text-fg\")}>{text}</p>\n );\n if (!markdown) return plain;\n return (\n <Suspense fallback={plain}>\n <LazyMarkdown text={text} {...(small ? { size: \"small\" as const, tone: \"secondary\" as const } : {})} />\n </Suspense>\n );\n}\n\nfunction Blocks({ blocks, markdown }: { blocks: ContentBlock[]; markdown: boolean }) {\n const t = useUiText();\n return (\n <div className=\"flex flex-col gap-12\">\n {blocks.map((b, i) => {\n switch (b.type) {\n case \"text\":\n return <Prose key={i} text={b.text} markdown={markdown} />;\n case \"tool_call\":\n return (\n <div key={i} className=\"flex flex-col gap-8\">\n <span className=\"inline-flex items-center gap-8 text-small font-medium text-fg-secondary\">\n <Icon icon={__icon_ToolsIcon} size=\"xs\" />\n {t(\"conversationView.called\", \"Called {name}\", { name: b.name })\n .split(\"\")\n .map((part, j) =>\n j % 2 ? (\n <span key={j} className=\"mono text-fg\">\n {part}\n </span>\n ) : (\n part\n ),\n )}\n {b.id && <span className=\"mono text-fg-tertiary\">{b.id}</span>}\n </span>\n <JsonView value={b.arguments} defaultDepth={3} />\n </div>\n );\n case \"tool_result\":\n return (\n <div key={i} className=\"flex flex-col gap-8 pl-16 hairline-l\">\n <span className=\"inline-flex items-center gap-8 text-small font-medium text-fg-secondary\">\n {t(\"conversationView.result\", \"Result\")}\n {b.tool_call_id && <span className=\"mono text-fg-tertiary\">{b.tool_call_id}</span>}\n {b.is_error && <Badge tone=\"danger\">{t(\"conversationView.error\", \"Error\")}</Badge>}\n </span>\n {typeof b.content !== \"string\" ? (\n <Blocks blocks={b.content} markdown={markdown} />\n ) : markdown && !isJson(b.content) ? (\n <Prose text={b.content} markdown />\n ) : (\n <pre className=\"mono text-small whitespace-pre-wrap wrap-anywhere text-fg\">{b.content}</pre>\n )}\n </div>\n );\n case \"reasoning\":\n return (\n <Collapsible\n key={i}\n title={<span className=\"text-fg-secondary\">{t(\"conversationView.reasoning\", \"Reasoning\")}</span>}\n hint={b.redacted ? t(\"conversationView.redacted\", \"Redacted by the provider\") : undefined}\n >\n {b.redacted ? (\n <p className=\"max-w-prose text-small text-fg-secondary\">\n {t(\"conversationView.encrypted\", \"The provider returned this reasoning in encrypted form.\")}\n </p>\n ) : (\n <Prose text={b.text} markdown={markdown} small />\n )}\n </Collapsible>\n );\n case \"image\": {\n const href = b.src ? imageHref(b.src) : null;\n return href ? (\n <a\n key={i}\n href={href}\n target=\"_blank\"\n rel=\"noopener noreferrer nofollow\"\n className=\"block w-120 overflow-hidden rounded-well ring-over ring-over-line focus-ring\"\n >\n <img src={href} alt={b.alt ?? t(\"conversationView.imageInput\", \"Image input\")} className=\"block h-120 w-120 object-cover\" />\n </a>\n ) : (\n <span key={i} className=\"inline-flex h-32 w-max items-center gap-8 rounded-pill bg-fill-1 px-12 text-small text-fg-secondary\">\n <Icon icon={__icon_Image01Icon} size=\"xs\" /> {t(\"conversationView.image\", \"Image\")} {b.media_type && <span className=\"mono\">{b.media_type}</span>}\n </span>\n );\n }\n case \"document\":\n return (\n <span key={i} className=\"inline-flex h-32 w-max items-center gap-8 rounded-pill bg-fill-1 px-12 text-small text-fg-secondary\">\n <Icon icon={__icon_Pdf01Icon} size=\"xs\" /> {b.name ?? t(\"conversationView.document\", \"Document\")}\n </span>\n );\n case \"refusal\":\n return (\n <Banner key={i} tone=\"warning\" title={t(\"conversationView.refused\", \"The model refused.\")}>\n {b.text}\n </Banner>\n );\n }\n })}\n </div>\n );\n}\n\nexport interface ConversationViewProps {\n messages: ConversationMessage[];\n density?: keyof typeof KAESO_CONVERSATION_VARIANTS.density \| undefined;\n markdown?: boolean \| undefined;\n className?: string \| undefined;\n footer?: ReactNode \| undefined;\n}\n\nexport const ConversationView = / @__PURE__ */ forwardRef<HTMLDivElement, ConversationViewProps>(function ConversationView(\n { messages, density = \"default\", markdown = false, className, footer },\n ref,\n) {\n const t = useUiText();\n const role = roleNames(t);\n return (\n <div ref={ref} className={cn(\"flex flex-col\", KAESO_CONVERSATION_VARIANTS.density[density].classes, className)}>\n {messages.map((m, i) => (\n <section key={i} aria-label={role[m.role]} className=\"flex flex-col gap-8\">\n <span className={cn(\"text-caption font-medium\", m.role === \"assistant\" ? \"text-fg\" : \"text-fg-secondary\")}>{role[m.role]}</span>\n <div className={cn(m.role === \"system\" \|\| m.role === \"developer\" ? \"rounded-well bg-fill-1 px-16 py-12\" : \"\")}>\n <Blocks blocks={typeof m.content === \"string\" ? [{ type: \"text\", text: m.content }] : m.content} markdown={markdown} />\n </div>\n </section>\n ))}\n {footer}\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") ConversationView.displayName = \"ConversationView\";\n"],"mappings":";;;;;;;;;;;;;AAWA,IAAMW,IAA+B,wBAAW,OAAO,oCAA0B,CAAA,MAAA,MAAAC,EAAA,CAAA,CAAA,CAAC,MAAM,OAAO,EAAE,SAASC,EAAE,SAAS,EAAE,CAAC,GAE3GC,IAA8B,EACzC,SAAS;CACP,SAAS,EAAE,SAAS,SAAS;CAC7B,SAAS,EAAE,SAAS,SAAS;AAC/B,EACF,GACaC,IAAsC,EAAE,SAAS,UAAU;AAgBxE,SAASC,EAAU,GAAwD;CACzE,OAAO;EACL,QAAQC,EAAE,2BAA2B,QAAQ;EAC7C,WAAWA,EAAE,8BAA8B,WAAW;EACtD,MAAMA,EAAE,yBAAyB,MAAM;EACvC,WAAWA,EAAE,8BAA8B,WAAW;EACtD,MAAMA,EAAE,yBAAyB,MAAM;CACzC;AACF;AAEA,IAAMC,KAAa,MAAiB,8BAA8B,KAAKC,CAAG,IAAIA,IAAMT,EAASS,CAAG;AAEhG,SAASC,EAAO,GAAW;CACzB,IAAM,IAAIC,EAAE,KAAK;CACjB,IAAI,CAAC,QAAQ,KAAK,CAAC,GAAG,OAAO;CAC7B,IAAI;EAEF,OADA,KAAK,MAAM,CAAC,GACL;CACT,QAAQ;EACN,OAAO;CACT;AACF;AAEA,SAASC,EAAM,EAAE,SAAM,aAAU,YAA2E;CAC1G,IAAMC,IACJ,kBAAC,KAAD;EAAG,WAAWpB,EAAG,+DAA+DqB,IAAQ,iCAAiC,mBAAmB;EAAI,UAAAC;CAAQ,CAAA;CAG1J,OADKC,IAEH,kBAACC,GAAD;EAAU,UAAUJ;EAClB,UAAA,kBAACZ,GAAD;GAAoB;GAAM,GAAKa,IAAQ;IAAE,MAAM;IAAkB,MAAM;GAAqB,IAAI,CAAC;EAAK,CAAA;CAC9F,CAAA,IAJUD;AAMxB;AAEA,SAASK,EAAO,EAAE,WAAQ,eAA2D;CACnF,IAAMX,IAAIb,EAAU;CACpB,OACE,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAAyB,EAAO,KAAK,GAAG,MAAM;GACpB,QAAQC,EAAE,MAAV;IACE,KAAK,QACH,OAAO,kBAACR,GAAD;KAAe,MAAMQ,EAAE;KAAgB;IAAW,GAAtCC,CAAsC;IAC3D,KAAK,aACH,OACE,kBAAC,OAAD;KAAa,WAAU;KAAvB,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACE,kBAAC1B,GAAD;QAAM,MAAML;QAAkB,MAAK;OAAM,CAAA;OACxCiB,EAAE,2BAA2B,qBAAqB,EAAE,MAAMa,EAAE,KAAK,CAAC,CAAC,CACjE,MAAM,IAAI,CAAC,CACX,KAAK,GAAM,MACVG,IAAI,IACF,kBAAC,QAAD;QAAc,WAAU;QACrB,UAAAC;OACG,GAFKD,CAEL,IAENC,CAEJ;OACDJ,EAAE,MAAM,kBAAC,QAAD;QAAM,WAAU;QAAyB,UAAAA,EAAE;OAAS,CAAA;MACzD;KACN,CAAA,GAAA,kBAACvB,GAAD;MAAU,OAAOuB,EAAE;MAAW,cAAc;KAAI,CAAA,CAC7C;IAjBK,GAAAC,CAiBL;IAET,KAAK,eACH,OACE,kBAAC,OAAD;KAAa,WAAU;KAAvB,UAAA,CACE,kBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACGd,EAAE,2BAA2B,QAAQ;OACrCa,EAAE,gBAAgB,kBAAC,QAAD;QAAM,WAAU;QAAyB,UAAAA,EAAE;OAAmB,CAAA;OAChFA,EAAE,YAAY,kBAACtB,GAAD;QAAO,MAAK;QAAU,UAAAS,EAAE,0BAA0B,OAAO;OAAS,CAAA;MAC7E;KACL,CAAA,GAAA,OAAOa,EAAE,WAAY,WAElBJ,KAAY,CAACN,EAAOU,EAAE,OAAO,IAC/B,kBAACR,GAAD;MAAO,MAAMQ,EAAE;MAAS,UAAA;KAAU,CAAA,IAElC,kBAAC,OAAD;MAAK,WAAU;MAA6D,UAAAA,EAAE;KAAa,CAAA,IAJ3F,kBAACF,GAAD;MAAQ,QAAQE,EAAE;MAAmB;KAAW,CAAA,CAM/C;IAbK,GAAAC,CAaL;IAET,KAAK,aACH,OACE,kBAACtB,GAAD;KAEE,OAAO,kBAAC,QAAD;MAAM,WAAU;MAAqB,UAAAQ,EAAE,8BAA8B,WAAW;KAAQ,CAAA;KAC/F,MAAMa,EAAE,WAAWb,EAAE,6BAA6B,0BAA0B,IAAI,KAAA;KAE/E,UAAAa,EAAE,WACD,kBAAC,KAAD;MAAG,WAAU;MACV,UAAAb,EAAE,8BAA8B,yDAAyD;KACzF,CAAA,IAEH,kBAACK,GAAD;MAAO,MAAMQ,EAAE;MAAgB;MAAU,OAAA;KAAO,CAAA;IAEvC,GAXNC,CAWM;IAEjB,KAAK,SAAS;KACZ,IAAMI,IAAOL,EAAE,MAAMZ,EAAUY,EAAE,GAAG,IAAI;KACxC,OAAOK,IACL,kBAAC,KAAD;MAEQ;MACN,QAAO;MACP,KAAI;MACJ,WAAU;MAEV,UAAA,kBAAC,OAAD;OAAK,KAAKA;OAAM,KAAKL,EAAE,OAAOb,EAAE,+BAA+B,aAAa;OAAG,WAAU;MAAkC,CAAA;KAC1H,GAPIc,CAOJ,IAEH,kBAAC,QAAD;MAAc,WAAU;MAAxB,UAAA;OACE,kBAAC1B,GAAD;QAAM,MAAMJ;QAAoB,MAAK;OAAM,CAAA;OAAC;OAAEgB,EAAE,0BAA0B,OAAO;OAAE;OAAEa,EAAE,cAAc,kBAAC,QAAD;QAAM,WAAU;QAAQ,UAAAA,EAAE;OAAiB,CAAA;MAC5I;KAFK,GAAAC,CAEL;IAEV;IACA,KAAK,YACH,OACE,kBAAC,QAAD;KAAc,WAAU;KAAxB,UAAA;MACE,kBAAC1B,GAAD;OAAM,MAAMH;OAAkB,MAAK;MAAM,CAAA;MAAC;MAAE4B,EAAE,QAAQb,EAAE,6BAA6B,UAAU;KAC3F;IAFK,GAAAc,CAEL;IAEV,KAAK,WACH,OACE,kBAACzB,GAAD;KAAgB,MAAK;KAAU,OAAOW,EAAE,4BAA4B,oBAAoB;KACrF,UAAAa,EAAE;IACG,GAFKC,CAEL;GAEd;EACF,CAAC;CACE,CAAA;AAET;AAUA,IAAaO,IAAmC,kBAAkD,SAChG,EAAE,aAAU,aAAU,WAAW,cAAW,IAAO,cAAW,aAC9D,GACA;CAEA,IAAMC,IAAOvB,EADHZ,EACa,CAAC;CACxB,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWD,EAAG,iBAAiBW,EAA4B,QAAQ0B,EAAQ,CAAC,SAASC,CAAS;EAA7G,UAAA,CACGC,EAAS,KAAK,GAAG,MAChB,kBAAC,WAAD;GAAiB,cAAYH,EAAK1B,EAAE;GAAO,WAAU;GAArD,UAAA,CACE,kBAAC,QAAD;IAAM,WAAWV,EAAG,4BAA4BU,EAAE,SAAS,cAAc,YAAY,mBAAmB;IAAI,UAAA0B,EAAK1B,EAAE;GAAY,CAAA,GAC/H,kBAAC,OAAD;IAAK,WAAWV,EAAGU,EAAE,SAAS,YAAYA,EAAE,SAAS,cAAc,uCAAuC,EAAE;IAC1G,UAAA,kBAACe,GAAD;KAAQ,QAAQ,OAAOf,EAAE,WAAY,WAAW,CAAC;MAAE,MAAM;MAAQ,MAAMA,EAAE;KAAQ,CAAC,IAAIA,EAAE;KAAmB;IAAW,CAAA;GACnH,CAAA,CACE;EALK,GAAAkB,CAKL,CACV,GACAY,CACE;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAiB,cAAc"}
1	+ {"version":3,"file":"conversation.js","names":["__icon_ToolsIcon","__icon_Image01Icon","__icon_Pdf01Icon","cn","useUiText","Icon","Banner","JsonView","Badge","Collapsible","safeHref","LazyMarkdown","n","m","KAESO_CONVERSATION_VARIANTS","KAESO_CONVERSATION_DEFAULT_VARIANTS","roleNames","t","DATA_IMAGE","webHref","href","src","isJson","s","Prose","plain","small","text","markdown","Suspense","Blocks","blocks","b","i","ToolsIcon","j","part","Link","Image01Icon","Pdf01Icon","ConversationView","role","density","className","messages","footer"],"sources":["../../../src/components/kaeso/conversation.tsx"],"sourcesContent":["import { forwardRef, lazy, Suspense, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { ToolsIcon as __icon_ToolsIcon, Image01Icon as __icon_Image01Icon, Pdf01Icon as __icon_Pdf01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Banner } from \"../banner/banner.js\";\nimport { Collapsible } from \"../collapsible/collapsible.js\";\nimport { JsonView } from \"../code-block/json-view.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Link } from \"../link/link.js\";\nimport { safeHref } from \"../../utils/safe-href.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nconst LazyMarkdown = /* @__PURE__ / lazy(() => import(\"../markdown/markdown.js\").then((m) => ({ default: m.Markdown })));\n\nexport const KAESO_CONVERSATION_VARIANTS = {\n density: {\n default: { classes: \"gap-24\" },\n compact: { classes: \"gap-16\" },\n },\n} as const;\nexport const KAESO_CONVERSATION_DEFAULT_VARIANTS = { density: \"default\" } as const;\n\nexport type ContentBlock =\n \| { type: \"text\"; text: string }\n \| { type: \"tool_call\"; id?: string \| undefined; name: string; arguments: unknown }\n \| { type: \"tool_result\"; tool_call_id?: string \| undefined; content: string \| ContentBlock[]; is_error?: boolean \| undefined }\n \| { type: \"reasoning\"; text: string; redacted?: boolean \| undefined }\n \| { type: \"image\"; src?: string \| undefined; alt?: string \| undefined; media_type?: string \| undefined }\n \| { type: \"document\"; name?: string \| undefined; media_type?: string \| undefined }\n \| { type: \"refusal\"; text: string };\n\nexport interface ConversationMessage {\n role: \"system\" \| \"user\" \| \"assistant\" \| \"tool\" \| \"developer\";\n content: string \| ContentBlock[];\n}\n\nfunction roleNames(t: UiText): Record<ConversationMessage[\"role\"], string> {\n return {\n system: t(\"conversationView.system\", \"System\"),\n developer: t(\"conversationView.developer\", \"Developer\"),\n user: t(\"conversationView.user\", \"User\"),\n assistant: t(\"conversationView.assistant\", \"Assistant\"),\n tool: t(\"conversationView.tool\", \"Tool\"),\n };\n}\n\nconst DATA_IMAGE = /^data:image\\/[a-z0-9.+-]+;/i;\n\nfunction webHref(src: string): string \| null {\n const href = safeHref(src);\n return href && /^https?:/.test(href) ? href : null;\n}\n\nfunction isJson(s: string) {\n const t = s.trim();\n if (!/^[[{]/.test(t)) return false;\n try {\n JSON.parse(t);\n return true;\n } catch {\n return false;\n }\n}\n\nfunction Prose({ text, markdown, small }: { text: string; markdown: boolean; small?: boolean \| undefined }) {\n const plain = (\n <p className={cn(\"max-w-prose whitespace-pre-wrap wrap-break-word text-pretty\", small ? \"text-small text-fg-secondary\" : \"text-body text-fg\")}>{text}</p>\n );\n if (!markdown) return plain;\n return (\n <Suspense fallback={plain}>\n <LazyMarkdown text={text} {...(small ? { size: \"small\" as const, tone: \"secondary\" as const } : {})} />\n </Suspense>\n );\n}\n\nfunction Blocks({ blocks, markdown }: { blocks: ContentBlock[]; markdown: boolean }) {\n const t = useUiText();\n return (\n <div className=\"flex flex-col gap-12\">\n {blocks.map((b, i) => {\n switch (b.type) {\n case \"text\":\n return <Prose key={i} text={b.text} markdown={markdown} />;\n case \"tool_call\":\n return (\n <div key={i} className=\"flex flex-col gap-8\">\n <span className=\"inline-flex items-center gap-8 text-small font-medium text-fg-secondary\">\n <Icon icon={__icon_ToolsIcon} size=\"xs\" />\n {t(\"conversationView.called\", \"Called {name}\", { name: b.name })\n .split(\"\")\n .map((part, j) =>\n j % 2 ? (\n <span key={j} className=\"mono text-fg\">\n {part}\n </span>\n ) : (\n part\n ),\n )}\n {b.id && <span className=\"mono text-fg-tertiary\">{b.id}</span>}\n </span>\n <JsonView value={b.arguments} defaultDepth={3} />\n </div>\n );\n case \"tool_result\":\n return (\n <div key={i} className=\"flex flex-col gap-8 pl-16 hairline-l\">\n <span className=\"inline-flex items-center gap-8 text-small font-medium text-fg-secondary\">\n {t(\"conversationView.result\", \"Result\")}\n {b.tool_call_id && <span className=\"mono text-fg-tertiary\">{b.tool_call_id}</span>}\n {b.is_error && <Badge tone=\"danger\">{t(\"conversationView.error\", \"Error\")}</Badge>}\n </span>\n {typeof b.content !== \"string\" ? (\n <Blocks blocks={b.content} markdown={markdown} />\n ) : markdown && !isJson(b.content) ? (\n <Prose text={b.content} markdown />\n ) : (\n <pre className=\"mono text-small whitespace-pre-wrap wrap-anywhere text-fg\">{b.content}</pre>\n )}\n </div>\n );\n case \"reasoning\":\n return (\n <Collapsible\n key={i}\n title={<span className=\"text-fg-secondary\">{t(\"conversationView.reasoning\", \"Reasoning\")}</span>}\n hint={b.redacted ? t(\"conversationView.redacted\", \"Redacted by the provider\") : undefined}\n >\n {b.redacted ? (\n <p className=\"max-w-prose text-small text-fg-secondary\">\n {t(\"conversationView.encrypted\", \"The provider returned this reasoning in encrypted form.\")}\n </p>\n ) : (\n <Prose text={b.text} markdown={markdown} small />\n )}\n </Collapsible>\n );\n case \"image\": {\n if (b.src && DATA_IMAGE.test(b.src))\n return (\n <span key={i} className=\"block w-120 overflow-hidden rounded-well ring-over ring-over-line\">\n <img src={b.src} alt={b.alt ?? t(\"conversationView.imageInput\", \"Image input\")} className=\"block h-120 w-120 object-cover\" />\n </span>\n );\n const href = b.src ? webHref(b.src) : null;\n return href ? (\n <Link key={i} href={href} external rel=\"noopener noreferrer nofollow\" className=\"w-max max-w-full wrap-anywhere\">\n {t(\"conversationView.imageFrom\", \"Image from {host}\", { host: new URL(href).host })}\n </Link>\n ) : (\n <span key={i} className=\"inline-flex h-32 w-max items-center gap-8 rounded-pill bg-fill-1 px-12 text-small text-fg-secondary\">\n <Icon icon={__icon_Image01Icon} size=\"xs\" /> {t(\"conversationView.image\", \"Image\")} {b.media_type && <span className=\"mono\">{b.media_type}</span>}\n </span>\n );\n }\n case \"document\":\n return (\n <span key={i} className=\"inline-flex h-32 w-max items-center gap-8 rounded-pill bg-fill-1 px-12 text-small text-fg-secondary\">\n <Icon icon={__icon_Pdf01Icon} size=\"xs\" /> {b.name ?? t(\"conversationView.document\", \"Document\")}\n </span>\n );\n case \"refusal\":\n return (\n <Banner key={i} tone=\"warning\" title={t(\"conversationView.refused\", \"The model refused.\")}>\n {b.text}\n </Banner>\n );\n }\n })}\n </div>\n );\n}\n\nexport interface ConversationViewProps {\n messages: ConversationMessage[];\n density?: keyof typeof KAESO_CONVERSATION_VARIANTS.density \| undefined;\n markdown?: boolean \| undefined;\n className?: string \| undefined;\n footer?: ReactNode \| undefined;\n}\n\nexport const ConversationView = / @__PURE__ */ forwardRef<HTMLDivElement, ConversationViewProps>(function ConversationView(\n { messages, density = \"default\", markdown = false, className, footer },\n ref,\n) {\n const t = useUiText();\n const role = roleNames(t);\n return (\n <div ref={ref} className={cn(\"flex flex-col\", KAESO_CONVERSATION_VARIANTS.density[density].classes, className)}>\n {messages.map((m, i) => (\n <section key={i} aria-label={role[m.role]} className=\"flex flex-col gap-8\">\n <span className={cn(\"text-caption font-medium\", m.role === \"assistant\" ? \"text-fg\" : \"text-fg-secondary\")}>{role[m.role]}</span>\n <div className={cn(m.role === \"system\" \|\| m.role === \"developer\" ? \"rounded-well bg-fill-1 px-16 py-12\" : \"\")}>\n <Blocks blocks={typeof m.content === \"string\" ? [{ type: \"text\", text: m.content }] : m.content} markdown={markdown} />\n </div>\n </section>\n ))}\n {footer}\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") ConversationView.displayName = \"ConversationView\";\n"],"mappings":"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"}

package/dist/components/kaeso/identity.js CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_IDENTITY_DEFAULT_VARIANTS, n as KAESO_IDENTITY_VARIANTS, r as KeyDisplay, i as ModelLabel, a as ProviderBadge, o as ProviderCard, s as RequestTimeline, c as StatusCode, l as providerName } from "../../chunks/identity-BtZC_d_Q.js";
+export { t as CapabilityIcons, n as KAESO_IDENTITY_DEFAULT_VARIANTS, r as KAESO_IDENTITY_VARIANTS, i as KeyDisplay, a as ModelLabel, o as ProviderBadge, s as ProviderCard, c as RequestTimeline, l as StatusCode, u as providerName } from "../../chunks/identity-CsZvAUwu.js";

package/dist/components/kaeso/moments.js CHANGED Viewed

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "../../chunks/cn-CidVUKMm.js";
+import { t as e } from "../../chunks/cn-DUDmdLpZ.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
-import { t as n } from "../../chunks/icon-CeNQtobn.js";
-import { n as r } from "../../chunks/button-DQvoOxVQ.js";
+import { t as n } from "../../chunks/icon-BqujXDUc.js";
+import { n as r } from "../../chunks/button-CAPyW-v8.js";
 import { t as i } from "../../chunks/use-copy-Dm2ncvMX.js";
-import { t as a } from "../../chunks/copy-button-DXxn-YYZ.js";
-import { t as o } from "../../chunks/code-block-DxtladFW.js";
+import { t as a } from "../../chunks/copy-button-CNpEnS04.js";
+import { t as o } from "../../chunks/code-block-DREsvJ-g.js";
 import { forwardRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Alert02Icon as u, Copy01Icon as d, Tick02Icon as f } from "@hugeicons/core-free-icons";
@@ -17,17 +17,17 @@ function h({ baseUrl: e, apiKey: t = "$KAESO_API_KEY", model: n = "gpt-5" }) {
 		{
 			label: "Python",
 			lang: "python",
-			code: `from openai import OpenAI\n${t.startsWith("$") ? "import os\n" : ""}\nclient = OpenAI(base_url="${e}/v1", api_key=${r})\n\nresponse = client.responses.create(\n    model="${n}",\n    input="Write one sentence about gateways.",\n)\nprint(response.output_text)`
+			code: `from openai import OpenAI\n${t.startsWith("$") ? "import os\n" : ""}\nclient = OpenAI(\n    base_url="${e}/v1",\n    api_key=${r},\n)\n\nresponse = client.responses.create(\n    model="${n}",\n    input="Write one sentence about gateways.",\n)\nprint(response.output_text)`
 		},
 		{
 			label: "Node",
 			lang: "ts",
-			code: `import OpenAI from "openai";\n\nconst client = new OpenAI({ baseURL: "${e}/v1", apiKey: ${i} });\n\nconst response = await client.responses.create({\n  model: "${n}",\n  input: "Write one sentence about gateways.",\n});\nconsole.log(response.output_text);`
+			code: `import OpenAI from "openai";\n\nconst client = new OpenAI({\n  baseURL: "${e}/v1",\n  apiKey: ${i},\n});\n\nconst response = await client.responses.create({\n  model: "${n}",\n  input: "Write one sentence about gateways.",\n});\nconsole.log(response.output_text);`
 		},
 		{
 			label: "curl",
 			lang: "bash",
-			code: `curl ${e}/v1/responses \\\n  -H "Authorization: Bearer ${t}" \\\n  -H "Content-Type: application/json" \\\n  -d '{"model": "${n}", "input": "Write one sentence about gateways."}'`
+			code: `${t.startsWith("$") ? "" : `KAESO_API_KEY=${t}\n`}curl ${e}/v1/responses \\\n  -H "Authorization: Bearer ${t.startsWith("$") ? t : "$KAESO_API_KEY"}" \\\n  -H "Content-Type: application/json" \\\n  -d '{\n    "model": "${n}",\n    "input": "Write one sentence about gateways."\n  }'`
 		}
 	];
 }

package/dist/components/kaeso/moments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"moments.js","names":["__icon_Tick02Icon","__icon_Copy01Icon","__icon_Alert02Icon","cn","useUiText","Icon","Button","useCopy","ClipboardText","CodeBlock","KAESO_MOMENTS_VARIANTS","KAESO_MOMENTS_DEFAULT_VARIANTS","sdkSnippets","envKey","apiKey","nodeKey","baseUrl","model","SecretReveal","t","copyKey","done","className","name","range","selection","secret","copied","Tick02Icon","Copy01Icon","copy","onCopied","Alert02Icon","snippets","EnvironmentSnippet"],"sources":["../../../src/components/kaeso/moments.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Tick02Icon as __icon_Tick02Icon, Copy01Icon as __icon_Copy01Icon, Alert02Icon as __icon_Alert02Icon } from \"@hugeicons/core-free-icons\";\nimport { useCopy } from \"../../hooks/use-copy.js\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Button } from \"../button/button.js\";\nimport { CodeBlock, type CodeTab } from \"../code-block/code-block.js\";\nimport { ClipboardText } from \"../copy-button/copy-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_MOMENTS_VARIANTS = {\n secret: { md: { classes: \"rounded-well bg-fill-1 px-20 py-16\" } },\n} as const;\nexport const KAESO_MOMENTS_DEFAULT_VARIANTS = { secret: \"md\" } as const;\n\nexport interface SnippetOptions {\n baseUrl: string;\n apiKey?: string \| undefined;\n model?: string \| undefined;\n}\n\nexport function sdkSnippets({ baseUrl, apiKey = \"$KAESO_API_KEY\", model = \"gpt-5\" }: SnippetOptions): CodeTab[] {\n const envKey = apiKey.startsWith(\"$\") ? `os.environ[\"${apiKey.slice(1)}\"]` : `\"${apiKey}\"`;\n const nodeKey = apiKey.startsWith(\"$\") ? `process.env.${apiKey.slice(1)}` : `\"${apiKey}\"`;\n return [\n {\n label: \"Python\",\n lang: \"python\",\n code: `from openai import OpenAI\\n${apiKey.startsWith(\"$\") ? \"import os\\n\" : \"\"}\\nclient = OpenAI(base_url=\"${baseUrl}/v1\", api_key=${envKey})\\n\\nresponse = client.responses.create(\\n model=\"${model}\",\\n input=\"Write one sentence about gateways.\",\\n)\\nprint(response.output_text)`,\n },\n {\n label: \"Node\",\n lang: \"ts\",\n code: `import OpenAI from \"openai\";\\n\\nconst client = new OpenAI({ baseURL: \"${baseUrl}/v1\", apiKey: ${nodeKey} });\\n\\nconst response = await client.responses.create({\\n model: \"${model}\",\\n input: \"Write one sentence about gateways.\",\\n});\\nconsole.log(response.output_text);`,\n },\n {\n label: \"curl\",\n lang: \"bash\",\n code: `curl ${baseUrl}/v1/responses \\\\\\n -H \"Authorization: Bearer ${apiKey}\" \\\\\\n -H \"Content-Type: application/json\" \\\\\\n -d '{\"model\": \"${model}\", \"input\": \"Write one sentence about gateways.\"}'`,\n },\n ];\n}\n\nexport interface SecretRevealProps extends SnippetOptions {\n secret: string;\n name?: ReactNode \| undefined;\n onCopied?: (() => void) \| undefined;\n snippets?: CodeTab[] \| false \| undefined;\n className?: string \| undefined;\n}\n\nexport const SecretReveal = /* @__PURE__ / forwardRef<HTMLDivElement, SecretRevealProps>(function SecretReveal(\n { secret, name, baseUrl, model, onCopied, snippets, className },\n ref,\n) {\n const t = useUiText();\n const { copied, copy } = useCopy(2400);\n const copyKey = t(\"secretReveal.copyKey\", \"Copy key\");\n const done = t(\"secretReveal.copied\", \"Copied\");\n return (\n <div ref={ref} className={cn(\"flex flex-col gap-24\", className)}>\n <div className=\"flex flex-col items-center gap-16 text-center\">\n <div\n tabIndex={0}\n role=\"textbox\"\n aria-readonly\n aria-label={typeof name === \"string\" ? t(\"secretReveal.secretFor\", \"Secret for {name}\", { name }) : t(\"secretReveal.secret\", \"Secret\")}\n onClick={(e) => {\n const range = document.createRange();\n range.selectNodeContents(e.currentTarget);\n const selection = window.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n }}\n className=\"w-full cursor-text rounded-well bg-fill-1 px-20 py-16 mono text-body-lg leading-code break-all text-fg select-all focus-ring\"\n >\n {secret}\n </div>\n <Button\n variant=\"primary\"\n size=\"xl\"\n leadingIcon={copied ? __icon_Tick02Icon : __icon_Copy01Icon}\n reserveLabels={[copyKey, done]}\n onClick={async () => {\n if (await copy(secret)) onCopied?.();\n }}\n >\n {copied ? done : copyKey}\n </Button>\n <p className=\"inline-flex items-center gap-6 text-body text-warning-text\">\n <Icon icon={__icon_Alert02Icon} size=\"sm\" />\n {t(\"secretReveal.shownOnce\", \"Shown once. Store it now.\")}\n </p>\n </div>\n {snippets !== false && <CodeBlock tabs={snippets ?? sdkSnippets({ baseUrl, apiKey: secret, ...(model ? { model } : {}) })} copy />}\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") SecretReveal.displayName = \"SecretReveal\";\n\nexport const EnvironmentSnippet = / @__PURE__ */ forwardRef<HTMLDivElement, SnippetOptions & { className?: string \| undefined }>(function EnvironmentSnippet(\n { baseUrl, apiKey = \"$KAESO_API_KEY\", model, className },\n ref,\n) {\n const t = useUiText();\n return (\n <div ref={ref} className={cn(\"flex flex-col gap-16\", className)}>\n <div className=\"grid gap-12 md:grid-cols-2\">\n <div className=\"flex min-w-0 flex-col gap-6\">\n <span className=\"text-small font-medium text-fg-secondary\">{t(\"environmentSnippet.baseUrl\", \"Base URL\")}</span>\n <ClipboardText value={`${baseUrl}/v1`} label={t(\"environmentSnippet.copyBaseUrl\", \"Copy base URL\")} />\n </div>\n <div className=\"flex min-w-0 flex-col gap-6\">\n <span className=\"text-small font-medium text-fg-secondary\">{t(\"environmentSnippet.apiKey\", \"API key\")}</span>\n <ClipboardText value={apiKey} label={t(\"environmentSnippet.copyVariableName\", \"Copy variable name\")} />\n </div>\n </div>\n <CodeBlock tabs={sdkSnippets({ baseUrl, apiKey, ...(model ? { model } : {}) })} />\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") EnvironmentSnippet.displayName = \"EnvironmentSnippet\";\n"],"mappings":";;;;;;;;;;;;AAUA,IAAaU,IAAyB,EACpC,QAAQ,EAAE,IAAI,EAAE,SAAS,qCAAqC,EAAE,EAClE,GACaC,IAAiC,EAAE,QAAQ,KAAK;AAQ7D,SAAgBC,EAAY,EAAE,YAAS,YAAS,kBAAkB,WAAQ,WAAsC;CAC9G,IAAMC,IAASC,EAAO,WAAW,GAAG,IAAI,eAAeA,EAAO,MAAM,CAAC,EAAE,MAAM,IAAIA,EAAO,IAClFC,IAAUD,EAAO,WAAW,GAAG,IAAI,eAAeA,EAAO,MAAM,CAAC,MAAM,IAAIA,EAAO;CACvF,OAAO;EACL;GACE,OAAO;GACP,MAAM;GACN,MAAM,8BAA8BA,EAAO,WAAW,GAAG,IAAI,gBAAgB,GAAG,~~8BAA8BE~~,EAAQ,~~gBAAgBH~~,EAAO,~~uDAAuDI~~,EAAM;~~EAC5M~~;EACA;GACE,OAAO;GACP,MAAM;GACN,MAAM,~~yEAAyED~~,EAAQ,~~gBAAgBD~~,EAAQ,~~sEAAsEE~~,EAAM;~~EAC7L~~;EACA;GACE,OAAO;GACP,MAAM;GACN,MAAM,~~QAAQD~~,EAAQ,gDAAgDF,EAAO,~~mEAAmEG~~,EAAM;~~EACxJ~~;CACF;AACF;AAUA,IAAaC,IAA+B,kBAA8C,SACxF,EAAE,WAAQ,SAAM,YAAS,UAAO,aAAU,aAAU,gBACpD,GACA;CACA,IAAMC,IAAIf,EAAU,GACd,EAAE,WAAQ,YAASG,EAAQ,IAAI,GAC/Ba,IAAUD,EAAE,wBAAwB,UAAU,GAC9CE,IAAOF,EAAE,uBAAuB,QAAQ;CAC9C,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWhB,EAAG,wBAAwBmB,CAAS;EAA9D,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,kBAAC,OAAD;KACE,UAAU;KACV,MAAK;KACL,iBAAA;KACA,cAAY,OAAOC,KAAS,WAAWJ,EAAE,0BAA0B,qBAAqB,EAAE,QAAK,CAAC,IAAIA,EAAE,uBAAuB,QAAQ;KACrI,UAAU,MAAM;MACd,IAAMK,IAAQ,SAAS,YAAY;MACnC,EAAM,mBAAmB,EAAE,aAAa;MACxC,IAAMC,IAAY,OAAO,aAAa;MAEtC,AADAA,GAAW,gBAAgB,GAC3BA,GAAW,SAASD,CAAK;KAC3B;KACA,WAAU;KAET,UAAAE;IACE,CAAA;IACL,kBAACpB,GAAD;KACE,SAAQ;KACR,MAAK;KACL,aAAaqB,IAAS3B,IAAoBC;KAC1C,eAAe,CAACmB,GAASC,CAAI;KAC7B,SAAS,YAAY;MACnB,AAAI,MAAMS,EAAKJ,CAAM,KAAGK,IAAW;KACrC;KAEC,UAAAJ,IAASN,IAAOD;IACX,CAAA;IACR,kBAAC,KAAD;KAAG,WAAU;KAAb,UAAA,CACE,kBAACf,GAAD;MAAM,MAAMH;MAAoB,MAAK;KAAM,CAAA,GAC1CiB,EAAE,0BAA0B,2BAA2B,CACvD;;GACA;EACJ,CAAA,GAAAc,MAAa,MAAS,kBAACxB,GAAD;GAAW,MAAMwB,KAAYrB,EAAY;IAAE;IAAS,QAAQc;IAAQ,GAAIT,IAAQ,EAAE,SAAM,IAAI,CAAC;GAAG,CAAC;GAAG,MAAA;EAAM,CAAA,CAC9H;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc;AAEtE,IAAaiB,IAAqC,kBAAgF,SAChI,EAAE,YAAS,YAAS,kBAAkB,UAAO,gBAC7C,GACA;CACA,IAAMf,IAAIf,EAAU;CACpB,OACE,kBAAC,OAAD;EAAU;EAAK,WAAWD,EAAG,wBAAwBmB,CAAS;EAA9D,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,QAAD;KAAM,WAAU;KAA4C,UAAAH,EAAE,8BAA8B,UAAU;IAAQ,CAAA,GAC9G,kBAACX,GAAD;KAAe,OAAO,GAAGQ,EAAQ;KAAM,OAAOG,EAAE,kCAAkC,eAAe;IAAI,CAAA,CAClG;GACL,CAAA,GAAA,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,QAAD;KAAM,WAAU;KAA4C,UAAAA,EAAE,6BAA6B,SAAS;IAAQ,CAAA,GAC5G,kBAACX,GAAD;KAAe,OAAOM;KAAQ,OAAOK,EAAE,uCAAuC,oBAAoB;IAAI,CAAA,CACnG;GACF,CAAA,CAAA;EACL,CAAA,GAAA,kBAACV,GAAD,EAAW,MAAMG,EAAY;GAAE;GAAS;GAAQ,GAAIK,IAAQ,EAAE,SAAM,IAAI,CAAC;EAAG,CAAC,EAAI,CAAA,CAC9E;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAmB,cAAc"}
1	+ {"version":3,"file":"moments.js","names":["__icon_Tick02Icon","__icon_Copy01Icon","__icon_Alert02Icon","cn","useUiText","Icon","Button","useCopy","ClipboardText","CodeBlock","KAESO_MOMENTS_VARIANTS","KAESO_MOMENTS_DEFAULT_VARIANTS","sdkSnippets","envKey","apiKey","nodeKey","baseUrl","model","SecretReveal","t","copyKey","done","className","name","range","selection","secret","copied","Tick02Icon","Copy01Icon","copy","onCopied","Alert02Icon","snippets","EnvironmentSnippet"],"sources":["../../../src/components/kaeso/moments.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Tick02Icon as __icon_Tick02Icon, Copy01Icon as __icon_Copy01Icon, Alert02Icon as __icon_Alert02Icon } from \"@hugeicons/core-free-icons\";\nimport { useCopy } from \"../../hooks/use-copy.js\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Button } from \"../button/button.js\";\nimport { CodeBlock, type CodeTab } from \"../code-block/code-block.js\";\nimport { ClipboardText } from \"../copy-button/copy-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_MOMENTS_VARIANTS = {\n secret: { md: { classes: \"rounded-well bg-fill-1 px-20 py-16\" } },\n} as const;\nexport const KAESO_MOMENTS_DEFAULT_VARIANTS = { secret: \"md\" } as const;\n\nexport interface SnippetOptions {\n baseUrl: string;\n apiKey?: string \| undefined;\n model?: string \| undefined;\n}\n\nexport function sdkSnippets({ baseUrl, apiKey = \"$KAESO_API_KEY\", model = \"gpt-5\" }: SnippetOptions): CodeTab[] {\n const envKey = apiKey.startsWith(\"$\") ? `os.environ[\"${apiKey.slice(1)}\"]` : `\"${apiKey}\"`;\n const nodeKey = apiKey.startsWith(\"$\") ? `process.env.${apiKey.slice(1)}` : `\"${apiKey}\"`;\n return [\n {\n label: \"Python\",\n lang: \"python\",\n code: `from openai import OpenAI\\n${apiKey.startsWith(\"$\") ? \"import os\\n\" : \"\"}\\nclient = OpenAI(\\n base_url=\"${baseUrl}/v1\",\\n api_key=${envKey},\\n)\\n\\nresponse = client.responses.create(\\n model=\"${model}\",\\n input=\"Write one sentence about gateways.\",\\n)\\nprint(response.output_text)`,\n },\n {\n label: \"Node\",\n lang: \"ts\",\n code: `import OpenAI from \"openai\";\\n\\nconst client = new OpenAI({\\n baseURL: \"${baseUrl}/v1\",\\n apiKey: ${nodeKey},\\n});\\n\\nconst response = await client.responses.create({\\n model: \"${model}\",\\n input: \"Write one sentence about gateways.\",\\n});\\nconsole.log(response.output_text);`,\n },\n {\n label: \"curl\",\n lang: \"bash\",\n code: `${apiKey.startsWith(\"$\") ? \"\" : `KAESO_API_KEY=${apiKey}\\n`}curl ${baseUrl}/v1/responses \\\\\\n -H \"Authorization: Bearer ${apiKey.startsWith(\"$\") ? apiKey : \"$KAESO_API_KEY\"}\" \\\\\\n -H \"Content-Type: application/json\" \\\\\\n -d '{\\n \"model\": \"${model}\",\\n \"input\": \"Write one sentence about gateways.\"\\n }'`,\n },\n ];\n}\n\nexport interface SecretRevealProps extends SnippetOptions {\n secret: string;\n name?: ReactNode \| undefined;\n onCopied?: (() => void) \| undefined;\n snippets?: CodeTab[] \| false \| undefined;\n className?: string \| undefined;\n}\n\nexport const SecretReveal = /* @__PURE__ / forwardRef<HTMLDivElement, SecretRevealProps>(function SecretReveal(\n { secret, name, baseUrl, model, onCopied, snippets, className },\n ref,\n) {\n const t = useUiText();\n const { copied, copy } = useCopy(2400);\n const copyKey = t(\"secretReveal.copyKey\", \"Copy key\");\n const done = t(\"secretReveal.copied\", \"Copied\");\n return (\n <div ref={ref} className={cn(\"flex flex-col gap-24\", className)}>\n <div className=\"flex flex-col items-center gap-16 text-center\">\n <div\n tabIndex={0}\n role=\"textbox\"\n aria-readonly\n aria-label={typeof name === \"string\" ? t(\"secretReveal.secretFor\", \"Secret for {name}\", { name }) : t(\"secretReveal.secret\", \"Secret\")}\n onClick={(e) => {\n const range = document.createRange();\n range.selectNodeContents(e.currentTarget);\n const selection = window.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n }}\n className=\"w-full cursor-text rounded-well bg-fill-1 px-20 py-16 mono text-body-lg leading-code break-all text-fg select-all focus-ring\"\n >\n {secret}\n </div>\n <Button\n variant=\"primary\"\n size=\"xl\"\n leadingIcon={copied ? __icon_Tick02Icon : __icon_Copy01Icon}\n reserveLabels={[copyKey, done]}\n onClick={async () => {\n if (await copy(secret)) onCopied?.();\n }}\n >\n {copied ? done : copyKey}\n </Button>\n <p className=\"inline-flex items-center gap-6 text-body text-warning-text\">\n <Icon icon={__icon_Alert02Icon} size=\"sm\" />\n {t(\"secretReveal.shownOnce\", \"Shown once. Store it now.\")}\n </p>\n </div>\n {snippets !== false && <CodeBlock tabs={snippets ?? sdkSnippets({ baseUrl, apiKey: secret, ...(model ? { model } : {}) })} copy />}\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") SecretReveal.displayName = \"SecretReveal\";\n\nexport const EnvironmentSnippet = / @__PURE__ */ forwardRef<HTMLDivElement, SnippetOptions & { className?: string \| undefined }>(function EnvironmentSnippet(\n { baseUrl, apiKey = \"$KAESO_API_KEY\", model, className },\n ref,\n) {\n const t = useUiText();\n return (\n <div ref={ref} className={cn(\"flex flex-col gap-16\", className)}>\n <div className=\"grid gap-12 md:grid-cols-2\">\n <div className=\"flex min-w-0 flex-col gap-6\">\n <span className=\"text-small font-medium text-fg-secondary\">{t(\"environmentSnippet.baseUrl\", \"Base URL\")}</span>\n <ClipboardText value={`${baseUrl}/v1`} label={t(\"environmentSnippet.copyBaseUrl\", \"Copy base URL\")} />\n </div>\n <div className=\"flex min-w-0 flex-col gap-6\">\n <span className=\"text-small font-medium text-fg-secondary\">{t(\"environmentSnippet.apiKey\", \"API key\")}</span>\n <ClipboardText value={apiKey} label={t(\"environmentSnippet.copyVariableName\", \"Copy variable name\")} />\n </div>\n </div>\n <CodeBlock tabs={sdkSnippets({ baseUrl, apiKey, ...(model ? { model } : {}) })} />\n </div>\n );\n});\nif (process.env.NODE_ENV !== \"production\") EnvironmentSnippet.displayName = \"EnvironmentSnippet\";\n"],"mappings":"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"}

package/dist/components/kaeso/rights.js CHANGED Viewed

@@ -1,2 +1,2 @@
 "use client";
-export { t as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, n as KAESO_RIGHTS_MATRIX_VARIANTS, r as RightsMatrix } from "../../chunks/rights-BbiJ0AJB.js";
+export { t as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, n as KAESO_RIGHTS_MATRIX_VARIANTS, r as RightsMatrix } from "../../chunks/rights-hMoaFasn.js";

package/dist/components/kaeso/usage.js CHANGED Viewed

@@ -1,11 +1,11 @@
 "use client";
-import { t as e } from "../../chunks/cn-CidVUKMm.js";
+import { t as e } from "../../chunks/cn-DUDmdLpZ.js";
 import { i as t } from "../../chunks/context-BELWW79w.js";
 import { formatNumber as n, formatTokens as r } from "../../format.js";
-import { t as i } from "../../chunks/icon-CeNQtobn.js";
-import { a } from "../../chunks/meter-DWhyzFGQ.js";
-import { t as o } from "../../chunks/badge-Dkyhs0_j.js";
-import { C as s, c, l } from "../../chunks/core-K960A4OT.js";
+import { t as i } from "../../chunks/icon-BqujXDUc.js";
+import { a } from "../../chunks/meter-DhTnem4k.js";
+import { t as o } from "../../chunks/badge-wUHlj7m3.js";
+import { C as s, c, l } from "../../chunks/core-CqLWVMDI.js";
 import { forwardRef as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Layers01Icon as p, LeftToRightListBulletIcon as m, Wallet01Icon as h } from "@hugeicons/core-free-icons";
@@ -44,7 +44,7 @@ var b = /* @__PURE__ */ u(function({ tokens: i, className: a }, o) {
 			}, e))
 		}), /* @__PURE__ */ d("dl", {
 			className: "flex flex-wrap gap-x-24 gap-y-8",
-			children: v.map((e) => /* @__PURE__ */ f("div", {
+			children: v.filter((e) => i[e] !== void 0).map((e) => /* @__PURE__ */ f("div", {
 				className: "flex flex-col gap-2",
 				children: [/* @__PURE__ */ f("dt", {
 					className: "flex items-center gap-8 text-small text-fg-secondary",