npm - @lax-wp/design-system - Versions diffs - 0.14.13 → 0.14.15 - Mend

@lax-wp/design-system 0.14.13 → 0.14.15

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 (12) hide show

package/dist/components/forms/icon-picker/IconPicker.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),w=require("../../../_virtual/index.cjs.js"),d=require("react"),C=require("react-window"),v=require("@mui/icons-material"),I=require("@mui/material"),y=require("antd"),k=require("../../data-display/typography/Typography.cjs.js"),N=require("../input-field/InputField.cjs.js"),x=require("../../../types/icon-picker.cjs.js"),P=require("../../../utils/countryFlags.cjs.js"),S=require("../shared/InputLabel.cjs.js");function q(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const c=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,c.get?c:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const h=q(v),R=Object.keys(h).filter(e=>e?.endsWith("Rounded")),O=[...R||[],...(x.COUNTRY_CODES||[]).map(e=>`flag-${e}`)],D=e=>{if(e?.startsWith("flag-")){const n=e?.replace("flag-","");return x.countryNameFromCode(n||"")||n}return e.replaceAll(/([A-Z])/g," $1").trim()},T=({onChange:e,selectedIcon:n,setOpen:a})=>{const[c,f]=d.useState(""),l=(O||[]).filter(r=>{if(r?.startsWith("flag-")){const s=r?.replace("flag-","");return s?.toLowerCase()?.includes(c?.trim()?.toLowerCase()||"")||x.countryNameFromCode(s||"")?.toLowerCase()?.includes(c?.trim()?.toLowerCase()||"")}return r?.trim()?.toLowerCase()?.includes(c?.trim()?.toLowerCase()||"")}),p=(r,s)=>{if(s.stopPropagation(),n===r){e?.(null);return}e?.(r),a?.(!1)};return t.jsxs("div",{className:"flex flex-col gap-3",onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),r.stopPropagation())},children:[t.jsx(N.InputField,{id:"input-field-icon-picker",placeholder:"Search icons...",onChange:r=>f(r||""),fieldSuffix:t.jsx(h.Search,{className:"!w-4 !h-4 text-neutral-400"})}),t.jsx(C.FixedSizeGrid,{columnCount:5,rowCount:Math.ceil((l?.length||0)/5),columnWidth:40,rowHeight:40,width:220,height:240,children:({columnIndex:r,rowIndex:s,style:m})=>{const g=s*5+r,i=l?.[g];return i?t.jsx("div",{style:m,className:"p-1",children:t.jsx(y.Tooltip,{title:D(i),placement:"bottom",children:t.jsx(I.IconButton,{type:"button",className:w("flex items-center justify-center  !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700",{"!bg-primary-50 dark:!bg-black-800":n===i}),onClick:u=>p(i,u),onKeyDown:u=>{u.key==="Enter"&&(u.preventDefault(),u.stopPropagation())},children:t.jsx(b,{iconName:i,className:"!w-5 !h-5 text-neutral-900 dark:text-white"})})})}):null}})]})},b=({iconName:e,sx:n,className:a,isHovering:c})=>{if(e?.startsWith?.("flag-")){const l=e?.replace("flag-","");return P.getFlagComponent?.(l||"",c||!1)||t.jsx("div",{children:"-"})}const f=h?.[e];return f?t.jsx(f,{sx:n,className:a,isHovering:c}):t.jsx("div",{children:"-"})},L=({selectedIcon:e,onChange:n,label:a,required:c=!1,allowClear:f=!0,disabled:l=!1,errorMessage:p,dropdownPosition:r="bottom"})=>{const[s,m]=d.useState(!1),g=d.useRef(!1),i=d.useRef(null),u=d.useRef(!1);d.useEffect(()=>{u.current&&!s&&i.current?.focus(),u.current=s},[s]);const j=o=>{o.stopPropagation(),n?.("")};return t.jsx(y.Popover,{arrow:!1,placement:r,trigger:"click",getPopupContainer:o=>o?.parentElement||document.body,open:s,onOpenChange:o=>{o?(g.current&&m(!0),g.current=!1):m(!1)},content:t.jsx(T,{onChange:n,selectedIcon:e,setOpen:m}),children:t.jsxs("div",{className:"flex flex-col gap-1",children:[a?t.jsx(S.InputLabel,{label:a||"",required:c||!1}):null,t.jsxs("button",{ref:i,type:"button",id:`btn-icon-picker-icon-${e?"selected":"unselected"}`,className:`lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${l?"cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800":"bg-white dark:bg-black-800"} ${p?"border-red-500":"focus:border-primary-600 dark:focus:border-primary-400"} flex items-center justify-between gap-2`,disabled:l,onClick:o=>{if(l){o.preventDefault(),o.stopPropagation();return}o.detail>0&&(g.current=!0)},onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),s||o.currentTarget.closest("form")?.querySelector('button[type="submit"]')?.click())},children:[e?t.jsx(b,{iconName:e,className:"!w-5 !h-5 text-neutral-900 dark:text-white"}):t.jsx(k.Typography,{size:"small",variant:"regular",appearance:"subtitle",children:"Select Icon"}),e&&f&&!l?t.jsx(h.CloseRounded,{className:"!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500",onClick:j}):null]}),p&&t.jsx(k.Typography,{size:"extra-small",className:"text-red-500 font-medium",children:p})]})})},F=d.lazy(()=>Promise.resolve({default:e=>t.jsx(d.Suspense,{fallback:t.jsx("div",{className:"min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md"}),children:t.jsx(L,{...e})})}));exports.IconPicker=F;exports.IconRenderer=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("../../../_virtual/index.cjs.js"),d=require("react"),v=require("react-window"),I=require("@mui/icons-material"),N=require("@mui/material"),j=require("antd"),y=require("../../data-display/typography/Typography.cjs.js"),P=require("../input-field/InputField.cjs.js"),x=require("../../../types/icon-picker.cjs.js"),S=require("../../../utils/countryFlags.cjs.js"),q=require("../shared/InputLabel.cjs.js");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(n,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return n.default=e,Object.freeze(n)}const h=R(I),O=Object.keys(h).filter(e=>e?.endsWith("Rounded")),D=[...O||[],...(x.COUNTRY_CODES||[]).map(e=>`flag-${e}`)],T=e=>{if(e?.startsWith("flag-")){const n=e?.replace("flag-","");return x.countryNameFromCode(n||"")||n}return e.replaceAll(/([A-Z])/g," $1").trim()},L=({onChange:e,selectedIcon:n,setOpen:s})=>{const[a,p]=d.useState(""),c=(D||[]).filter(r=>{if(r?.startsWith("flag-")){const i=r?.replace("flag-","");return i?.toLowerCase()?.includes(a?.trim()?.toLowerCase()||"")||x.countryNameFromCode(i||"")?.toLowerCase()?.includes(a?.trim()?.toLowerCase()||"")}return r?.trim()?.toLowerCase()?.includes(a?.trim()?.toLowerCase()||"")}),m=(r,i)=>{if(i.stopPropagation(),n===r){e?.(null);return}e?.(r),s?.(!1)};return t.jsxs("div",{className:"flex flex-col gap-3",onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),r.stopPropagation())},children:[t.jsx(P.InputField,{id:"input-field-icon-picker",placeholder:"Search icons...",onChange:r=>p(r||""),fieldSuffix:t.jsx(h.Search,{className:"!w-4 !h-4 text-neutral-400"})}),t.jsx(v.FixedSizeGrid,{columnCount:5,rowCount:Math.ceil((c?.length||0)/5),columnWidth:40,rowHeight:40,width:220,height:240,children:({columnIndex:r,rowIndex:i,style:f})=>{const g=i*5+r,l=c?.[g];return l?t.jsx("div",{style:f,className:"p-1",children:t.jsx(j.Tooltip,{title:T(l),placement:"bottom",children:t.jsx(N.IconButton,{type:"button",className:C("flex items-center justify-center  !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700",{"!bg-primary-50 dark:!bg-black-800":n===l}),onClick:u=>m(l,u),onKeyDown:u=>{u.key==="Enter"&&(u.preventDefault(),u.stopPropagation())},children:t.jsx(b,{iconName:l,className:"!w-5 !h-5 text-neutral-900 dark:text-white"})})})}):null}})]})},b=({iconName:e,sx:n,className:s,isHovering:a})=>{if(e?.startsWith?.("flag-")){const c=e?.replace("flag-","");return S.getFlagComponent?.(c||"",a||!1)||t.jsx("div",{children:"-"})}const p=h?.[e];return p?t.jsx(p,{sx:n,className:s,isHovering:a}):t.jsx("div",{children:"-"})},F=({selectedIcon:e,onChange:n,label:s,required:a=!1,allowClear:p=!0,disabled:c=!1,errorMessage:m,dropdownPosition:r="bottom",className:i})=>{const[f,g]=d.useState(!1),l=d.useRef(!1),u=d.useRef(null),k=d.useRef(!1);d.useEffect(()=>{k.current&&!f&&u.current?.focus(),k.current=f},[f]);const w=o=>{o.stopPropagation(),n?.("")};return t.jsx(j.Popover,{arrow:!1,placement:r,trigger:"click",getPopupContainer:o=>o?.parentElement||document.body,open:f,onOpenChange:o=>{o?(l.current&&g(!0),l.current=!1):g(!1)},content:t.jsx(L,{onChange:n,selectedIcon:e,setOpen:g}),children:t.jsxs("div",{className:"flex flex-col gap-1",children:[s?t.jsx(q.InputLabel,{label:s||"",required:a||!1}):null,t.jsxs("button",{ref:u,type:"button",id:`btn-icon-picker-icon-${e?"selected":"unselected"}`,className:`lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${c?"cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800":"bg-white dark:bg-black-800"} ${m?"border-red-500":"focus:border-primary-600 dark:focus:border-primary-400"} flex items-center justify-between gap-2 ${i}`,disabled:c,onClick:o=>{if(c){o.preventDefault(),o.stopPropagation();return}o.detail>0&&(l.current=!0)},onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),f||o.currentTarget.closest("form")?.querySelector('button[type="submit"]')?.click())},children:[e?t.jsx(b,{iconName:e,className:"!w-5 !h-5 text-neutral-900 dark:text-white"}):t.jsx(y.Typography,{size:"small",variant:"regular",appearance:"subtitle",children:"Select Icon"}),e&&p&&!c?t.jsx(h.CloseRounded,{className:"!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500",onClick:w}):null]}),m&&t.jsx(y.Typography,{size:"extra-small",className:"text-red-500 font-medium",children:m})]})})},E=d.lazy(()=>Promise.resolve({default:e=>t.jsx(d.Suspense,{fallback:t.jsx("div",{className:"min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md"}),children:t.jsx(F,{...e})})}));exports.IconPicker=E;exports.IconRenderer=b;
 //# sourceMappingURL=IconPicker.cjs.js.map

package/dist/components/forms/icon-picker/IconPicker.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconPicker.cjs.js","sources":["../../../../src/components/forms/icon-picker/IconPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { Suspense, useEffect, useRef, useState } from 'react';\nimport { FixedSizeGrid, type GridChildComponentProps } from 'react-window';\nimport * as AllIcons from '@mui/icons-material';\nimport { IconButton, type SvgIconOwnProps } from '@mui/material';\nimport { Popover, Tooltip } from \"antd\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { InputField } from \"../input-field/InputField\";\nimport { COUNTRY_CODES, countryNameFromCode } from \"../../../types/icon-picker\";\nimport { getFlagComponent } from \"../../../utils/countryFlags\";\nimport { InputLabel } from '../shared/InputLabel';\n\nconst roundedIconNames = Object.keys(AllIcons).filter((name) =>\n name?.endsWith(\"Rounded\")\n);\n\n// Merge icon names and country codes for the picker\nconst mergedIconNames = [\n ...(roundedIconNames \|\| []),\n ...(COUNTRY_CODES \|\| []).map((code) => `flag-${code}`),\n];\n\n// Utility function to convert camelCase to human-readable format\nconst formatIconName = (iconName: string): string => {\n // Handle flag icons\n if (iconName?.startsWith(\"flag-\")) {\n const code = iconName?.replace(\"flag-\", \"\");\n return countryNameFromCode(code \|\| \"\") \|\| code;\n }\n\n // Convert camelCase to space-separated words\n // e.g., \"PersonRounded\" -> \"Person Rounded\"\n return iconName.replaceAll(/([A-Z])/g, \" $1\").trim();\n};\n\n/** Ant Design `Popover` placement for the icon panel (bottom edge of the trigger). /\nexport type IconPickerDropdownPosition = 'bottom' \| 'bottomLeft' \| 'bottomRight';\n\nexport interface IconPickerContentProps {\n selectedIcon: string \| null;\n onChange: (iconName: string \| null) => void;\n label?: string;\n required?: boolean;\n allowClear?: boolean;\n disabled?: boolean;\n errorMessage?: string;\n /* Popover placement: `bottom` \| `bottomLeft` \| `bottomRight`. Default: `bottom`. /\n dropdownPosition?: IconPickerDropdownPosition;\n}\n\ninterface IconPickerContentInternalProps {\n onChange: (iconName: string \| null) => void;\n selectedIcon: string \| null;\n setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst IconPickerContent = ({\n onChange,\n selectedIcon,\n setOpen,\n}: IconPickerContentInternalProps) => {\n const [searchTerm, setSearchTerm] = useState<string>(\"\");\n\n // Filter both icons and flags\n const filteredIcons = (mergedIconNames \|\| []).filter((name) => {\n if (name?.startsWith(\"flag-\")) {\n // For flags, allow search by country code or country name\n const code = name?.replace(\"flag-\", \"\");\n return (\n code\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\") \|\|\n countryNameFromCode(code \|\| \"\")\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\")\n );\n }\n return name\n ?.trim()\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\");\n });\n\n const handleClick = (icon: string, event: React.MouseEvent) => {\n event.stopPropagation();\n if (selectedIcon === icon) {\n onChange?.(null);\n return;\n }\n onChange?.(icon);\n setOpen?.(false);\n };\n\n return (\n <div \n className=\"flex flex-col gap-3\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n <InputField\n id={`input-field-icon-picker`}\n placeholder=\"Search icons...\"\n onChange={(value) => setSearchTerm(value \|\| \"\")}\n fieldSuffix={\n <AllIcons.Search className=\"!w-4 !h-4 text-neutral-400\" />\n }\n />\n <FixedSizeGrid\n columnCount={5}\n rowCount={Math.ceil((filteredIcons?.length \|\| 0) / 5)}\n columnWidth={40}\n rowHeight={40}\n width={220}\n height={240}\n >\n {({ columnIndex, rowIndex, style }: GridChildComponentProps) => {\n const itemIndex = rowIndex 5 + columnIndex;\n const iconName = filteredIcons?.[itemIndex];\n return iconName ? (\n <div style={style} className=\"p-1\">\n <Tooltip title={formatIconName(iconName)} placement='bottom'>\n <IconButton\n type='button'\n className={classNames(\n \"flex items-center justify-center !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700\",\n {\n \"!bg-primary-50 dark:!bg-black-800\":\n selectedIcon === iconName,\n }\n )}\n onClick={(event) => handleClick(iconName, event)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n <IconRenderer\n iconName={iconName}\n className=\"!w-5 !h-5 text-neutral-900 dark:text-white\"\n />\n </IconButton>\n </Tooltip>\n </div>\n ) : null;\n }}\n </FixedSizeGrid>\n </div>\n );\n};\n\ninterface IconRendererProps {\n iconName: string;\n sx?: SvgIconOwnProps['sx'];\n className?: string;\n isHovering?: boolean;\n}\n\nexport const IconRenderer = ({ iconName, sx, className, isHovering }: IconRendererProps) => {\n // Render flag if iconName starts with 'flag-'\n if (iconName?.startsWith?.('flag-')) {\n const code = iconName?.replace('flag-', '');\n return getFlagComponent?.(code \|\| '', isHovering \|\| false) \|\| <div>-</div>;\n }\n const Icon = AllIcons?.[iconName as keyof typeof AllIcons] as React.ComponentType<{\n sx?: SvgIconOwnProps['sx'];\n className?: string;\n isHovering?: boolean;\n }>;\n\n if (!Icon) {\n return <div>-</div>;\n }\n\n return <Icon sx={sx} className={className} isHovering={isHovering} />;\n};\n\nconst IconPickerBase = ({\n selectedIcon,\n onChange,\n label,\n required = false,\n allowClear = true,\n disabled = false,\n errorMessage,\n dropdownPosition = 'bottom',\n}: IconPickerContentProps) => {\n const [open, setOpen] = useState(false);\n const mouseClickRef = useRef(false);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const wasOpenRef = useRef(false);\n\n useEffect(() => {\n if (wasOpenRef.current && !open) {\n buttonRef.current?.focus();\n }\n wasOpenRef.current = open;\n }, [open]);\n const handleClearIcon = (e: React.MouseEvent) => {\n e.stopPropagation();\n onChange?.('');\n };\n\n return (\n <Popover\n arrow={false}\n placement={dropdownPosition}\n trigger='click'\n getPopupContainer={(triggerNode) => triggerNode?.parentElement \|\| document.body}\n open={open}\n onOpenChange={(newOpen) => {\n if (newOpen) {\n if (mouseClickRef.current) {\n setOpen(true);\n }\n mouseClickRef.current = false;\n } else {\n setOpen(false);\n }\n }}\n content={<IconPickerContent onChange={onChange} selectedIcon={selectedIcon} setOpen={setOpen} />}\n >\n <div className='flex flex-col gap-1'>\n {label ? (\n <InputLabel label={label \|\| \"\"} required={required \|\| false} />\n ) : null}\n <button\n ref={buttonRef}\n type='button'\n id={`btn-icon-picker-icon-${selectedIcon ? 'selected' : 'unselected'}`}\n className={`lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${\n disabled ? 'cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800' : 'bg-white dark:bg-black-800'\n } ${errorMessage ? 'border-red-500' : 'focus:border-primary-600 dark:focus:border-primary-400'} flex items-center justify-between gap-2`}\n disabled={disabled}\n onClick={(e) => {\n if (disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n if (e.detail > 0) {\n mouseClickRef.current = true;\n }\n }}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n if (!open) {\n const form = (e.currentTarget as HTMLElement).closest('form');\n const submitBtn = form?.querySelector('button[type=\"submit\"]') as HTMLButtonElement \| null;\n submitBtn?.click();\n }\n }\n }}\n >\n {selectedIcon ? (\n <IconRenderer iconName={selectedIcon} className='!w-5 !h-5 text-neutral-900 dark:text-white' />\n ) : (\n <Typography\n size='small'\n variant='regular'\n appearance='subtitle'\n >\n Select Icon\n </Typography>\n )}\n {selectedIcon && allowClear && !disabled ? (\n <AllIcons.CloseRounded\n className='!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500'\n onClick={handleClearIcon}\n />\n ) : (\n null\n )}\n </button>\n {errorMessage && (\n <Typography size='extra-small' className='text-red-500 font-medium'>\n {errorMessage}\n </Typography>\n )}\n </div>\n </Popover>\n );\n};\n\nexport const IconPicker = React.lazy(() =>\n Promise.resolve({\n default: (props: IconPickerContentProps) => (\n <Suspense fallback={<div className='min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md' />}>\n <IconPickerBase {...props} />\n </Suspense>\n ),\n }),\n);\n\n"],"names":["roundedIconNames","AllIcons","name","mergedIconNames","COUNTRY_CODES","code","formatIconName","iconName","countryNameFromCode","IconPickerContent","onChange","selectedIcon","setOpen","searchTerm","setSearchTerm","useState","filteredIcons","handleClick","icon","event","jsxs","e","jsx","InputField","value","FixedSizeGrid","columnIndex","rowIndex","style","itemIndex","Tooltip","IconButton","classNames","IconRenderer","sx","className","isHovering","getFlagComponent","Icon","IconPickerBase","label","required","allowClear","disabled","errorMessage","dropdownPosition","open","mouseClickRef","useRef","buttonRef","wasOpenRef","useEffect","handleClearIcon","Popover","triggerNode","newOpen","InputLabel","Typography","IconPicker","React","props","Suspense"],"mappings":"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"}
1	+ {"version":3,"file":"IconPicker.cjs.js","sources":["../../../../src/components/forms/icon-picker/IconPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { Suspense, useEffect, useRef, useState } from 'react';\nimport { FixedSizeGrid, type GridChildComponentProps } from 'react-window';\nimport * as AllIcons from '@mui/icons-material';\nimport { IconButton, type SvgIconOwnProps } from '@mui/material';\nimport { Popover, Tooltip } from \"antd\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { InputField } from \"../input-field/InputField\";\nimport { COUNTRY_CODES, countryNameFromCode } from \"../../../types/icon-picker\";\nimport { getFlagComponent } from \"../../../utils/countryFlags\";\nimport { InputLabel } from '../shared/InputLabel';\n\nconst roundedIconNames = Object.keys(AllIcons).filter((name) =>\n name?.endsWith(\"Rounded\")\n);\n\n// Merge icon names and country codes for the picker\nconst mergedIconNames = [\n ...(roundedIconNames \|\| []),\n ...(COUNTRY_CODES \|\| []).map((code) => `flag-${code}`),\n];\n\n// Utility function to convert camelCase to human-readable format\nconst formatIconName = (iconName: string): string => {\n // Handle flag icons\n if (iconName?.startsWith(\"flag-\")) {\n const code = iconName?.replace(\"flag-\", \"\");\n return countryNameFromCode(code \|\| \"\") \|\| code;\n }\n\n // Convert camelCase to space-separated words\n // e.g., \"PersonRounded\" -> \"Person Rounded\"\n return iconName.replaceAll(/([A-Z])/g, \" $1\").trim();\n};\n\n/** Ant Design `Popover` placement for the icon panel (bottom edge of the trigger). /\nexport type IconPickerDropdownPosition = 'bottom' \| 'bottomLeft' \| 'bottomRight';\n\nexport interface IconPickerContentProps {\n selectedIcon: string \| null;\n onChange: (iconName: string \| null) => void;\n label?: string;\n required?: boolean;\n allowClear?: boolean;\n disabled?: boolean;\n errorMessage?: string;\n /* Popover placement: `bottom` \| `bottomLeft` \| `bottomRight`. Default: `bottom`. /\n dropdownPosition?: IconPickerDropdownPosition;\n className?: string\n}\n\ninterface IconPickerContentInternalProps {\n onChange: (iconName: string \| null) => void;\n selectedIcon: string \| null;\n setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst IconPickerContent = ({\n onChange,\n selectedIcon,\n setOpen,\n}: IconPickerContentInternalProps) => {\n const [searchTerm, setSearchTerm] = useState<string>(\"\");\n\n // Filter both icons and flags\n const filteredIcons = (mergedIconNames \|\| []).filter((name) => {\n if (name?.startsWith(\"flag-\")) {\n // For flags, allow search by country code or country name\n const code = name?.replace(\"flag-\", \"\");\n return (\n code\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\") \|\|\n countryNameFromCode(code \|\| \"\")\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\")\n );\n }\n return name\n ?.trim()\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\");\n });\n\n const handleClick = (icon: string, event: React.MouseEvent) => {\n event.stopPropagation();\n if (selectedIcon === icon) {\n onChange?.(null);\n return;\n }\n onChange?.(icon);\n setOpen?.(false);\n };\n\n return (\n <div \n className=\"flex flex-col gap-3\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n <InputField\n id={`input-field-icon-picker`}\n placeholder=\"Search icons...\"\n onChange={(value) => setSearchTerm(value \|\| \"\")}\n fieldSuffix={\n <AllIcons.Search className=\"!w-4 !h-4 text-neutral-400\" />\n }\n />\n <FixedSizeGrid\n columnCount={5}\n rowCount={Math.ceil((filteredIcons?.length \|\| 0) / 5)}\n columnWidth={40}\n rowHeight={40}\n width={220}\n height={240}\n >\n {({ columnIndex, rowIndex, style }: GridChildComponentProps) => {\n const itemIndex = rowIndex 5 + columnIndex;\n const iconName = filteredIcons?.[itemIndex];\n return iconName ? (\n <div style={style} className=\"p-1\">\n <Tooltip title={formatIconName(iconName)} placement='bottom'>\n <IconButton\n type='button'\n className={classNames(\n \"flex items-center justify-center !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700\",\n {\n \"!bg-primary-50 dark:!bg-black-800\":\n selectedIcon === iconName,\n }\n )}\n onClick={(event) => handleClick(iconName, event)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n <IconRenderer\n iconName={iconName}\n className=\"!w-5 !h-5 text-neutral-900 dark:text-white\"\n />\n </IconButton>\n </Tooltip>\n </div>\n ) : null;\n }}\n </FixedSizeGrid>\n </div>\n );\n};\n\ninterface IconRendererProps {\n iconName: string;\n sx?: SvgIconOwnProps['sx'];\n className?: string;\n isHovering?: boolean;\n}\n\nexport const IconRenderer = ({ iconName, sx, className, isHovering }: IconRendererProps) => {\n // Render flag if iconName starts with 'flag-'\n if (iconName?.startsWith?.('flag-')) {\n const code = iconName?.replace('flag-', '');\n return getFlagComponent?.(code \|\| '', isHovering \|\| false) \|\| <div>-</div>;\n }\n const Icon = AllIcons?.[iconName as keyof typeof AllIcons] as React.ComponentType<{\n sx?: SvgIconOwnProps['sx'];\n className?: string;\n isHovering?: boolean;\n }>;\n\n if (!Icon) {\n return <div>-</div>;\n }\n\n return <Icon sx={sx} className={className} isHovering={isHovering} />;\n};\n\nconst IconPickerBase = ({\n selectedIcon,\n onChange,\n label,\n required = false,\n allowClear = true,\n disabled = false,\n errorMessage,\n dropdownPosition = 'bottom',\n className\n}: IconPickerContentProps) => {\n const [open, setOpen] = useState(false);\n const mouseClickRef = useRef(false);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const wasOpenRef = useRef(false);\n\n useEffect(() => {\n if (wasOpenRef.current && !open) {\n buttonRef.current?.focus();\n }\n wasOpenRef.current = open;\n }, [open]);\n const handleClearIcon = (e: React.MouseEvent) => {\n e.stopPropagation();\n onChange?.('');\n };\n\n return (\n <Popover\n arrow={false}\n placement={dropdownPosition}\n trigger='click'\n getPopupContainer={(triggerNode) => triggerNode?.parentElement \|\| document.body}\n open={open}\n onOpenChange={(newOpen) => {\n if (newOpen) {\n if (mouseClickRef.current) {\n setOpen(true);\n }\n mouseClickRef.current = false;\n } else {\n setOpen(false);\n }\n }}\n content={<IconPickerContent onChange={onChange} selectedIcon={selectedIcon} setOpen={setOpen} />}\n >\n <div className='flex flex-col gap-1'>\n {label ? (\n <InputLabel label={label \|\| \"\"} required={required \|\| false} />\n ) : null}\n <button\n ref={buttonRef}\n type='button'\n id={`btn-icon-picker-icon-${selectedIcon ? 'selected' : 'unselected'}`}\n className={`lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${\n disabled ? 'cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800' : 'bg-white dark:bg-black-800'\n } ${errorMessage ? 'border-red-500' : 'focus:border-primary-600 dark:focus:border-primary-400'} flex items-center justify-between gap-2 ${className}`}\n disabled={disabled}\n onClick={(e) => {\n if (disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n if (e.detail > 0) {\n mouseClickRef.current = true;\n }\n }}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n if (!open) {\n const form = (e.currentTarget as HTMLElement).closest('form');\n const submitBtn = form?.querySelector('button[type=\"submit\"]') as HTMLButtonElement \| null;\n submitBtn?.click();\n }\n }\n }}\n >\n {selectedIcon ? (\n <IconRenderer iconName={selectedIcon} className='!w-5 !h-5 text-neutral-900 dark:text-white' />\n ) : (\n <Typography\n size='small'\n variant='regular'\n appearance='subtitle'\n >\n Select Icon\n </Typography>\n )}\n {selectedIcon && allowClear && !disabled ? (\n <AllIcons.CloseRounded\n className='!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500'\n onClick={handleClearIcon}\n />\n ) : (\n null\n )}\n </button>\n {errorMessage && (\n <Typography size='extra-small' className='text-red-500 font-medium'>\n {errorMessage}\n </Typography>\n )}\n </div>\n </Popover>\n );\n};\n\nexport const IconPicker = React.lazy(() =>\n Promise.resolve({\n default: (props: IconPickerContentProps) => (\n <Suspense fallback={<div className='min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md' />}>\n <IconPickerBase {...props} />\n </Suspense>\n ),\n }),\n);\n\n"],"names":["roundedIconNames","AllIcons","name","mergedIconNames","COUNTRY_CODES","code","formatIconName","iconName","countryNameFromCode","IconPickerContent","onChange","selectedIcon","setOpen","searchTerm","setSearchTerm","useState","filteredIcons","handleClick","icon","event","jsxs","e","jsx","InputField","value","FixedSizeGrid","columnIndex","rowIndex","style","itemIndex","Tooltip","IconButton","classNames","IconRenderer","sx","className","isHovering","getFlagComponent","Icon","IconPickerBase","label","required","allowClear","disabled","errorMessage","dropdownPosition","open","mouseClickRef","useRef","buttonRef","wasOpenRef","useEffect","handleClearIcon","Popover","triggerNode","newOpen","InputLabel","Typography","IconPicker","React","props","Suspense"],"mappings":"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"}

package/dist/components/forms/icon-picker/IconPicker.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ export interface IconPickerContentProps {
     errorMessage?: string;
     /** Popover placement: `bottom` | `bottomLeft` | `bottomRight`. Default: `bottom`. */
     dropdownPosition?: IconPickerDropdownPosition;
+    className?: string;
 }
 interface IconRendererProps {
     iconName: string;

package/dist/components/forms/icon-picker/IconPicker.es.js CHANGED Viewed

@@ -1,43 +1,43 @@
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
-import v from "../../../_virtual/index.es.js";
-import N, { Suspense as I, useState as w, useRef as g, useEffect as P } from "react";
-import { FixedSizeGrid as S } from "react-window";
+import N from "../../../_virtual/index.es.js";
+import I, { Suspense as P, useState as x, useRef as g, useEffect as S } from "react";
+import { FixedSizeGrid as R } from "react-window";
 import * as h from "@mui/icons-material";
-import { IconButton as R } from "@mui/material";
-import { Popover as D, Tooltip as L } from "antd";
-import { Typography as k } from "../../data-display/typography/Typography.es.js";
-import { InputField as E } from "../input-field/InputField.es.js";
-import { COUNTRY_CODES as O, countryNameFromCode as x } from "../../../types/icon-picker.es.js";
-import { getFlagComponent as T } from "../../../utils/countryFlags.es.js";
+import { IconButton as D } from "@mui/material";
+import { Popover as L, Tooltip as E } from "antd";
+import { Typography as w } from "../../data-display/typography/Typography.es.js";
+import { InputField as O } from "../input-field/InputField.es.js";
+import { COUNTRY_CODES as T, countryNameFromCode as y } from "../../../types/icon-picker.es.js";
+import { getFlagComponent as $ } from "../../../utils/countryFlags.es.js";
 import { InputLabel as j } from "../shared/InputLabel.es.js";
 const W = Object.keys(h).filter(
   (e) => e?.endsWith("Rounded")
-), $ = [
+), z = [
   ...W || [],
-  ...(O || []).map((e) => `flag-${e}`)
-], z = (e) => {
+  ...(T || []).map((e) => `flag-${e}`)
+], B = (e) => {
   if (e?.startsWith("flag-")) {
-    const a = e?.replace("flag-", "");
-    return x(a || "") || a;
+    const n = e?.replace("flag-", "");
+    return y(n || "") || n;
   }
   return e.replaceAll(/([A-Z])/g, " $1").trim();
-}, B = ({
+}, F = ({
   onChange: e,
-  selectedIcon: a,
-  setOpen: u
+  selectedIcon: n,
+  setOpen: f
 }) => {
-  const [c, f] = w(""), l = ($ || []).filter((r) => {
+  const [c, m] = x(""), a = (z || []).filter((r) => {
     if (r?.startsWith("flag-")) {
-      const n = r?.replace("flag-", "");
-      return n?.toLowerCase()?.includes(c?.trim()?.toLowerCase() || "") || x(n || "")?.toLowerCase()?.includes(c?.trim()?.toLowerCase() || "");
+      const i = r?.replace("flag-", "");
+      return i?.toLowerCase()?.includes(c?.trim()?.toLowerCase() || "") || y(i || "")?.toLowerCase()?.includes(c?.trim()?.toLowerCase() || "");
     }
     return r?.trim()?.toLowerCase()?.includes(c?.trim()?.toLowerCase() || "");
-  }), m = (r, n) => {
-    if (n.stopPropagation(), a === r) {
+  }), d = (r, i) => {
+    if (i.stopPropagation(), n === r) {
       e?.(null);
       return;
     }
-    e?.(r), u?.(!1);
+    e?.(r), f?.(!1);
   };
   return /* @__PURE__ */ b(
     "div",
@@ -48,43 +48,43 @@ const W = Object.keys(h).filter(
       },
       children: [
         /* @__PURE__ */ t(
-          E,
+          O,
           {
             id: "input-field-icon-picker",
             placeholder: "Search icons...",
-            onChange: (r) => f(r || ""),
+            onChange: (r) => m(r || ""),
             fieldSuffix: /* @__PURE__ */ t(h.Search, { className: "!w-4 !h-4 text-neutral-400" })
           }
         ),
         /* @__PURE__ */ t(
-          S,
+          R,
           {
             columnCount: 5,
-            rowCount: Math.ceil((l?.length || 0) / 5),
+            rowCount: Math.ceil((a?.length || 0) / 5),
             columnWidth: 40,
             rowHeight: 40,
             width: 220,
             height: 240,
-            children: ({ columnIndex: r, rowIndex: n, style: d }) => {
-              const p = n * 5 + r, i = l?.[p];
-              return i ? /* @__PURE__ */ t("div", { style: d, className: "p-1", children: /* @__PURE__ */ t(L, { title: z(i), placement: "bottom", children: /* @__PURE__ */ t(
-                R,
+            children: ({ columnIndex: r, rowIndex: i, style: u }) => {
+              const p = i * 5 + r, l = a?.[p];
+              return l ? /* @__PURE__ */ t("div", { style: u, className: "p-1", children: /* @__PURE__ */ t(E, { title: B(l), placement: "bottom", children: /* @__PURE__ */ t(
+                D,
                 {
                   type: "button",
-                  className: v(
+                  className: N(
                     "flex items-center justify-center  !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700",
                     {
-                      "!bg-primary-50 dark:!bg-black-800": a === i
+                      "!bg-primary-50 dark:!bg-black-800": n === l
                     }
                   ),
-                  onClick: (s) => m(i, s),
+                  onClick: (s) => d(l, s),
                   onKeyDown: (s) => {
                     s.key === "Enter" && (s.preventDefault(), s.stopPropagation());
                   },
                   children: /* @__PURE__ */ t(
-                    y,
+                    C,
                     {
-                      iconName: i,
+                      iconName: l,
                       className: "!w-5 !h-5 text-neutral-900 dark:text-white"
                     }
                   )
@@ -96,65 +96,66 @@ const W = Object.keys(h).filter(
       ]
     }
   );
-}, y = ({ iconName: e, sx: a, className: u, isHovering: c }) => {
+}, C = ({ iconName: e, sx: n, className: f, isHovering: c }) => {
   if (e?.startsWith?.("flag-")) {
-    const l = e?.replace("flag-", "");
-    return T?.(l || "", c || !1) || /* @__PURE__ */ t("div", { children: "-" });
+    const a = e?.replace("flag-", "");
+    return $?.(a || "", c || !1) || /* @__PURE__ */ t("div", { children: "-" });
   }
-  const f = h?.[e];
-  return f ? /* @__PURE__ */ t(f, { sx: a, className: u, isHovering: c }) : /* @__PURE__ */ t("div", { children: "-" });
-}, F = ({
+  const m = h?.[e];
+  return m ? /* @__PURE__ */ t(m, { sx: n, className: f, isHovering: c }) : /* @__PURE__ */ t("div", { children: "-" });
+}, A = ({
   selectedIcon: e,
-  onChange: a,
-  label: u,
+  onChange: n,
+  label: f,
   required: c = !1,
-  allowClear: f = !0,
-  disabled: l = !1,
-  errorMessage: m,
-  dropdownPosition: r = "bottom"
+  allowClear: m = !0,
+  disabled: a = !1,
+  errorMessage: d,
+  dropdownPosition: r = "bottom",
+  className: i
 }) => {
-  const [n, d] = w(!1), p = g(!1), i = g(null), s = g(!1);
-  P(() => {
-    s.current && !n && i.current?.focus(), s.current = n;
-  }, [n]);
-  const C = (o) => {
-    o.stopPropagation(), a?.("");
+  const [u, p] = x(!1), l = g(!1), s = g(null), k = g(!1);
+  S(() => {
+    k.current && !u && s.current?.focus(), k.current = u;
+  }, [u]);
+  const v = (o) => {
+    o.stopPropagation(), n?.("");
   };
   return /* @__PURE__ */ t(
-    D,
+    L,
     {
       arrow: !1,
       placement: r,
       trigger: "click",
       getPopupContainer: (o) => o?.parentElement || document.body,
-      open: n,
+      open: u,
       onOpenChange: (o) => {
-        o ? (p.current && d(!0), p.current = !1) : d(!1);
+        o ? (l.current && p(!0), l.current = !1) : p(!1);
       },
-      content: /* @__PURE__ */ t(B, { onChange: a, selectedIcon: e, setOpen: d }),
+      content: /* @__PURE__ */ t(F, { onChange: n, selectedIcon: e, setOpen: p }),
       children: /* @__PURE__ */ b("div", { className: "flex flex-col gap-1", children: [
-        u ? /* @__PURE__ */ t(j, { label: u || "", required: c || !1 }) : null,
+        f ? /* @__PURE__ */ t(j, { label: f || "", required: c || !1 }) : null,
         /* @__PURE__ */ b(
           "button",
           {
-            ref: i,
+            ref: s,
             type: "button",
             id: `btn-icon-picker-icon-${e ? "selected" : "unselected"}`,
-            className: `lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${l ? "cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800" : "bg-white dark:bg-black-800"} ${m ? "border-red-500" : "focus:border-primary-600 dark:focus:border-primary-400"} flex items-center justify-between gap-2`,
-            disabled: l,
+            className: `lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${a ? "cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800" : "bg-white dark:bg-black-800"} ${d ? "border-red-500" : "focus:border-primary-600 dark:focus:border-primary-400"} flex items-center justify-between gap-2 ${i}`,
+            disabled: a,
             onClick: (o) => {
-              if (l) {
+              if (a) {
                 o.preventDefault(), o.stopPropagation();
                 return;
               }
-              o.detail > 0 && (p.current = !0);
+              o.detail > 0 && (l.current = !0);
             },
             onKeyDown: (o) => {
-              o.key === "Enter" && (o.preventDefault(), n || o.currentTarget.closest("form")?.querySelector('button[type="submit"]')?.click());
+              o.key === "Enter" && (o.preventDefault(), u || o.currentTarget.closest("form")?.querySelector('button[type="submit"]')?.click());
             },
             children: [
-              e ? /* @__PURE__ */ t(y, { iconName: e, className: "!w-5 !h-5 text-neutral-900 dark:text-white" }) : /* @__PURE__ */ t(
-                k,
+              e ? /* @__PURE__ */ t(C, { iconName: e, className: "!w-5 !h-5 text-neutral-900 dark:text-white" }) : /* @__PURE__ */ t(
+                w,
                 {
                   size: "small",
                   variant: "regular",
@@ -162,27 +163,27 @@ const W = Object.keys(h).filter(
                   children: "Select Icon"
                 }
               ),
-              e && f && !l ? /* @__PURE__ */ t(
+              e && m && !a ? /* @__PURE__ */ t(
                 h.CloseRounded,
                 {
                   className: "!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500",
-                  onClick: C
+                  onClick: v
                 }
               ) : null
             ]
           }
         ),
-        m && /* @__PURE__ */ t(k, { size: "extra-small", className: "text-red-500 font-medium", children: m })
+        d && /* @__PURE__ */ t(w, { size: "extra-small", className: "text-red-500 font-medium", children: d })
       ] })
     }
   );
-}, M = N.lazy(
+}, ee = I.lazy(
   () => Promise.resolve({
-    default: (e) => /* @__PURE__ */ t(I, { fallback: /* @__PURE__ */ t("div", { className: "min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md" }), children: /* @__PURE__ */ t(F, { ...e }) })
+    default: (e) => /* @__PURE__ */ t(P, { fallback: /* @__PURE__ */ t("div", { className: "min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md" }), children: /* @__PURE__ */ t(A, { ...e }) })
   })
 );
 export {
-  M as IconPicker,
-  y as IconRenderer
+  ee as IconPicker,
+  C as IconRenderer
 };
 //# sourceMappingURL=IconPicker.es.js.map

package/dist/components/forms/icon-picker/IconPicker.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconPicker.es.js","sources":["../../../../src/components/forms/icon-picker/IconPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { Suspense, useEffect, useRef, useState } from 'react';\nimport { FixedSizeGrid, type GridChildComponentProps } from 'react-window';\nimport * as AllIcons from '@mui/icons-material';\nimport { IconButton, type SvgIconOwnProps } from '@mui/material';\nimport { Popover, Tooltip } from \"antd\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { InputField } from \"../input-field/InputField\";\nimport { COUNTRY_CODES, countryNameFromCode } from \"../../../types/icon-picker\";\nimport { getFlagComponent } from \"../../../utils/countryFlags\";\nimport { InputLabel } from '../shared/InputLabel';\n\nconst roundedIconNames = Object.keys(AllIcons).filter((name) =>\n name?.endsWith(\"Rounded\")\n);\n\n// Merge icon names and country codes for the picker\nconst mergedIconNames = [\n ...(roundedIconNames \|\| []),\n ...(COUNTRY_CODES \|\| []).map((code) => `flag-${code}`),\n];\n\n// Utility function to convert camelCase to human-readable format\nconst formatIconName = (iconName: string): string => {\n // Handle flag icons\n if (iconName?.startsWith(\"flag-\")) {\n const code = iconName?.replace(\"flag-\", \"\");\n return countryNameFromCode(code \|\| \"\") \|\| code;\n }\n\n // Convert camelCase to space-separated words\n // e.g., \"PersonRounded\" -> \"Person Rounded\"\n return iconName.replaceAll(/([A-Z])/g, \" $1\").trim();\n};\n\n/** Ant Design `Popover` placement for the icon panel (bottom edge of the trigger). /\nexport type IconPickerDropdownPosition = 'bottom' \| 'bottomLeft' \| 'bottomRight';\n\nexport interface IconPickerContentProps {\n selectedIcon: string \| null;\n onChange: (iconName: string \| null) => void;\n label?: string;\n required?: boolean;\n allowClear?: boolean;\n disabled?: boolean;\n errorMessage?: string;\n /* Popover placement: `bottom` \| `bottomLeft` \| `bottomRight`. Default: `bottom`. /\n dropdownPosition?: IconPickerDropdownPosition;\n}\n\ninterface IconPickerContentInternalProps {\n onChange: (iconName: string \| null) => void;\n selectedIcon: string \| null;\n setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst IconPickerContent = ({\n onChange,\n selectedIcon,\n setOpen,\n}: IconPickerContentInternalProps) => {\n const [searchTerm, setSearchTerm] = useState<string>(\"\");\n\n // Filter both icons and flags\n const filteredIcons = (mergedIconNames \|\| []).filter((name) => {\n if (name?.startsWith(\"flag-\")) {\n // For flags, allow search by country code or country name\n const code = name?.replace(\"flag-\", \"\");\n return (\n code\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\") \|\|\n countryNameFromCode(code \|\| \"\")\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\")\n );\n }\n return name\n ?.trim()\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\");\n });\n\n const handleClick = (icon: string, event: React.MouseEvent) => {\n event.stopPropagation();\n if (selectedIcon === icon) {\n onChange?.(null);\n return;\n }\n onChange?.(icon);\n setOpen?.(false);\n };\n\n return (\n <div \n className=\"flex flex-col gap-3\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n <InputField\n id={`input-field-icon-picker`}\n placeholder=\"Search icons...\"\n onChange={(value) => setSearchTerm(value \|\| \"\")}\n fieldSuffix={\n <AllIcons.Search className=\"!w-4 !h-4 text-neutral-400\" />\n }\n />\n <FixedSizeGrid\n columnCount={5}\n rowCount={Math.ceil((filteredIcons?.length \|\| 0) / 5)}\n columnWidth={40}\n rowHeight={40}\n width={220}\n height={240}\n >\n {({ columnIndex, rowIndex, style }: GridChildComponentProps) => {\n const itemIndex = rowIndex 5 + columnIndex;\n const iconName = filteredIcons?.[itemIndex];\n return iconName ? (\n <div style={style} className=\"p-1\">\n <Tooltip title={formatIconName(iconName)} placement='bottom'>\n <IconButton\n type='button'\n className={classNames(\n \"flex items-center justify-center !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700\",\n {\n \"!bg-primary-50 dark:!bg-black-800\":\n selectedIcon === iconName,\n }\n )}\n onClick={(event) => handleClick(iconName, event)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n <IconRenderer\n iconName={iconName}\n className=\"!w-5 !h-5 text-neutral-900 dark:text-white\"\n />\n </IconButton>\n </Tooltip>\n </div>\n ) : null;\n }}\n </FixedSizeGrid>\n </div>\n );\n};\n\ninterface IconRendererProps {\n iconName: string;\n sx?: SvgIconOwnProps['sx'];\n className?: string;\n isHovering?: boolean;\n}\n\nexport const IconRenderer = ({ iconName, sx, className, isHovering }: IconRendererProps) => {\n // Render flag if iconName starts with 'flag-'\n if (iconName?.startsWith?.('flag-')) {\n const code = iconName?.replace('flag-', '');\n return getFlagComponent?.(code \|\| '', isHovering \|\| false) \|\| <div>-</div>;\n }\n const Icon = AllIcons?.[iconName as keyof typeof AllIcons] as React.ComponentType<{\n sx?: SvgIconOwnProps['sx'];\n className?: string;\n isHovering?: boolean;\n }>;\n\n if (!Icon) {\n return <div>-</div>;\n }\n\n return <Icon sx={sx} className={className} isHovering={isHovering} />;\n};\n\nconst IconPickerBase = ({\n selectedIcon,\n onChange,\n label,\n required = false,\n allowClear = true,\n disabled = false,\n errorMessage,\n dropdownPosition = 'bottom',\n}: IconPickerContentProps) => {\n const [open, setOpen] = useState(false);\n const mouseClickRef = useRef(false);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const wasOpenRef = useRef(false);\n\n useEffect(() => {\n if (wasOpenRef.current && !open) {\n buttonRef.current?.focus();\n }\n wasOpenRef.current = open;\n }, [open]);\n const handleClearIcon = (e: React.MouseEvent) => {\n e.stopPropagation();\n onChange?.('');\n };\n\n return (\n <Popover\n arrow={false}\n placement={dropdownPosition}\n trigger='click'\n getPopupContainer={(triggerNode) => triggerNode?.parentElement \|\| document.body}\n open={open}\n onOpenChange={(newOpen) => {\n if (newOpen) {\n if (mouseClickRef.current) {\n setOpen(true);\n }\n mouseClickRef.current = false;\n } else {\n setOpen(false);\n }\n }}\n content={<IconPickerContent onChange={onChange} selectedIcon={selectedIcon} setOpen={setOpen} />}\n >\n <div className='flex flex-col gap-1'>\n {label ? (\n <InputLabel label={label \|\| \"\"} required={required \|\| false} />\n ) : null}\n <button\n ref={buttonRef}\n type='button'\n id={`btn-icon-picker-icon-${selectedIcon ? 'selected' : 'unselected'}`}\n className={`lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${\n disabled ? 'cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800' : 'bg-white dark:bg-black-800'\n } ${errorMessage ? 'border-red-500' : 'focus:border-primary-600 dark:focus:border-primary-400'} flex items-center justify-between gap-2`}\n disabled={disabled}\n onClick={(e) => {\n if (disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n if (e.detail > 0) {\n mouseClickRef.current = true;\n }\n }}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n if (!open) {\n const form = (e.currentTarget as HTMLElement).closest('form');\n const submitBtn = form?.querySelector('button[type=\"submit\"]') as HTMLButtonElement \| null;\n submitBtn?.click();\n }\n }\n }}\n >\n {selectedIcon ? (\n <IconRenderer iconName={selectedIcon} className='!w-5 !h-5 text-neutral-900 dark:text-white' />\n ) : (\n <Typography\n size='small'\n variant='regular'\n appearance='subtitle'\n >\n Select Icon\n </Typography>\n )}\n {selectedIcon && allowClear && !disabled ? (\n <AllIcons.CloseRounded\n className='!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500'\n onClick={handleClearIcon}\n />\n ) : (\n null\n )}\n </button>\n {errorMessage && (\n <Typography size='extra-small' className='text-red-500 font-medium'>\n {errorMessage}\n </Typography>\n )}\n </div>\n </Popover>\n );\n};\n\nexport const IconPicker = React.lazy(() =>\n Promise.resolve({\n default: (props: IconPickerContentProps) => (\n <Suspense fallback={<div className='min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md' />}>\n <IconPickerBase {...props} />\n </Suspense>\n ),\n }),\n);\n\n"],"names":["roundedIconNames","AllIcons","name","mergedIconNames","COUNTRY_CODES","code","formatIconName","iconName","countryNameFromCode","IconPickerContent","onChange","selectedIcon","setOpen","searchTerm","setSearchTerm","useState","filteredIcons","handleClick","icon","event","jsxs","e","jsx","InputField","value","FixedSizeGrid","columnIndex","rowIndex","style","itemIndex","Tooltip","IconButton","classNames","IconRenderer","sx","className","isHovering","getFlagComponent","Icon","IconPickerBase","label","required","allowClear","disabled","errorMessage","dropdownPosition","open","mouseClickRef","useRef","buttonRef","wasOpenRef","useEffect","handleClearIcon","Popover","triggerNode","newOpen","InputLabel","Typography","IconPicker","React","props","Suspense"],"mappings":"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"}
1	+ {"version":3,"file":"IconPicker.es.js","sources":["../../../../src/components/forms/icon-picker/IconPicker.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { Suspense, useEffect, useRef, useState } from 'react';\nimport { FixedSizeGrid, type GridChildComponentProps } from 'react-window';\nimport * as AllIcons from '@mui/icons-material';\nimport { IconButton, type SvgIconOwnProps } from '@mui/material';\nimport { Popover, Tooltip } from \"antd\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { InputField } from \"../input-field/InputField\";\nimport { COUNTRY_CODES, countryNameFromCode } from \"../../../types/icon-picker\";\nimport { getFlagComponent } from \"../../../utils/countryFlags\";\nimport { InputLabel } from '../shared/InputLabel';\n\nconst roundedIconNames = Object.keys(AllIcons).filter((name) =>\n name?.endsWith(\"Rounded\")\n);\n\n// Merge icon names and country codes for the picker\nconst mergedIconNames = [\n ...(roundedIconNames \|\| []),\n ...(COUNTRY_CODES \|\| []).map((code) => `flag-${code}`),\n];\n\n// Utility function to convert camelCase to human-readable format\nconst formatIconName = (iconName: string): string => {\n // Handle flag icons\n if (iconName?.startsWith(\"flag-\")) {\n const code = iconName?.replace(\"flag-\", \"\");\n return countryNameFromCode(code \|\| \"\") \|\| code;\n }\n\n // Convert camelCase to space-separated words\n // e.g., \"PersonRounded\" -> \"Person Rounded\"\n return iconName.replaceAll(/([A-Z])/g, \" $1\").trim();\n};\n\n/** Ant Design `Popover` placement for the icon panel (bottom edge of the trigger). /\nexport type IconPickerDropdownPosition = 'bottom' \| 'bottomLeft' \| 'bottomRight';\n\nexport interface IconPickerContentProps {\n selectedIcon: string \| null;\n onChange: (iconName: string \| null) => void;\n label?: string;\n required?: boolean;\n allowClear?: boolean;\n disabled?: boolean;\n errorMessage?: string;\n /* Popover placement: `bottom` \| `bottomLeft` \| `bottomRight`. Default: `bottom`. /\n dropdownPosition?: IconPickerDropdownPosition;\n className?: string\n}\n\ninterface IconPickerContentInternalProps {\n onChange: (iconName: string \| null) => void;\n selectedIcon: string \| null;\n setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n}\n\nconst IconPickerContent = ({\n onChange,\n selectedIcon,\n setOpen,\n}: IconPickerContentInternalProps) => {\n const [searchTerm, setSearchTerm] = useState<string>(\"\");\n\n // Filter both icons and flags\n const filteredIcons = (mergedIconNames \|\| []).filter((name) => {\n if (name?.startsWith(\"flag-\")) {\n // For flags, allow search by country code or country name\n const code = name?.replace(\"flag-\", \"\");\n return (\n code\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\") \|\|\n countryNameFromCode(code \|\| \"\")\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\")\n );\n }\n return name\n ?.trim()\n ?.toLowerCase()\n ?.includes(searchTerm?.trim()?.toLowerCase() \|\| \"\");\n });\n\n const handleClick = (icon: string, event: React.MouseEvent) => {\n event.stopPropagation();\n if (selectedIcon === icon) {\n onChange?.(null);\n return;\n }\n onChange?.(icon);\n setOpen?.(false);\n };\n\n return (\n <div \n className=\"flex flex-col gap-3\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n <InputField\n id={`input-field-icon-picker`}\n placeholder=\"Search icons...\"\n onChange={(value) => setSearchTerm(value \|\| \"\")}\n fieldSuffix={\n <AllIcons.Search className=\"!w-4 !h-4 text-neutral-400\" />\n }\n />\n <FixedSizeGrid\n columnCount={5}\n rowCount={Math.ceil((filteredIcons?.length \|\| 0) / 5)}\n columnWidth={40}\n rowHeight={40}\n width={220}\n height={240}\n >\n {({ columnIndex, rowIndex, style }: GridChildComponentProps) => {\n const itemIndex = rowIndex 5 + columnIndex;\n const iconName = filteredIcons?.[itemIndex];\n return iconName ? (\n <div style={style} className=\"p-1\">\n <Tooltip title={formatIconName(iconName)} placement='bottom'>\n <IconButton\n type='button'\n className={classNames(\n \"flex items-center justify-center !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700\",\n {\n \"!bg-primary-50 dark:!bg-black-800\":\n selectedIcon === iconName,\n }\n )}\n onClick={(event) => handleClick(iconName, event)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n <IconRenderer\n iconName={iconName}\n className=\"!w-5 !h-5 text-neutral-900 dark:text-white\"\n />\n </IconButton>\n </Tooltip>\n </div>\n ) : null;\n }}\n </FixedSizeGrid>\n </div>\n );\n};\n\ninterface IconRendererProps {\n iconName: string;\n sx?: SvgIconOwnProps['sx'];\n className?: string;\n isHovering?: boolean;\n}\n\nexport const IconRenderer = ({ iconName, sx, className, isHovering }: IconRendererProps) => {\n // Render flag if iconName starts with 'flag-'\n if (iconName?.startsWith?.('flag-')) {\n const code = iconName?.replace('flag-', '');\n return getFlagComponent?.(code \|\| '', isHovering \|\| false) \|\| <div>-</div>;\n }\n const Icon = AllIcons?.[iconName as keyof typeof AllIcons] as React.ComponentType<{\n sx?: SvgIconOwnProps['sx'];\n className?: string;\n isHovering?: boolean;\n }>;\n\n if (!Icon) {\n return <div>-</div>;\n }\n\n return <Icon sx={sx} className={className} isHovering={isHovering} />;\n};\n\nconst IconPickerBase = ({\n selectedIcon,\n onChange,\n label,\n required = false,\n allowClear = true,\n disabled = false,\n errorMessage,\n dropdownPosition = 'bottom',\n className\n}: IconPickerContentProps) => {\n const [open, setOpen] = useState(false);\n const mouseClickRef = useRef(false);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const wasOpenRef = useRef(false);\n\n useEffect(() => {\n if (wasOpenRef.current && !open) {\n buttonRef.current?.focus();\n }\n wasOpenRef.current = open;\n }, [open]);\n const handleClearIcon = (e: React.MouseEvent) => {\n e.stopPropagation();\n onChange?.('');\n };\n\n return (\n <Popover\n arrow={false}\n placement={dropdownPosition}\n trigger='click'\n getPopupContainer={(triggerNode) => triggerNode?.parentElement \|\| document.body}\n open={open}\n onOpenChange={(newOpen) => {\n if (newOpen) {\n if (mouseClickRef.current) {\n setOpen(true);\n }\n mouseClickRef.current = false;\n } else {\n setOpen(false);\n }\n }}\n content={<IconPickerContent onChange={onChange} selectedIcon={selectedIcon} setOpen={setOpen} />}\n >\n <div className='flex flex-col gap-1'>\n {label ? (\n <InputLabel label={label \|\| \"\"} required={required \|\| false} />\n ) : null}\n <button\n ref={buttonRef}\n type='button'\n id={`btn-icon-picker-icon-${selectedIcon ? 'selected' : 'unselected'}`}\n className={`lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${\n disabled ? 'cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800' : 'bg-white dark:bg-black-800'\n } ${errorMessage ? 'border-red-500' : 'focus:border-primary-600 dark:focus:border-primary-400'} flex items-center justify-between gap-2 ${className}`}\n disabled={disabled}\n onClick={(e) => {\n if (disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n if (e.detail > 0) {\n mouseClickRef.current = true;\n }\n }}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n if (!open) {\n const form = (e.currentTarget as HTMLElement).closest('form');\n const submitBtn = form?.querySelector('button[type=\"submit\"]') as HTMLButtonElement \| null;\n submitBtn?.click();\n }\n }\n }}\n >\n {selectedIcon ? (\n <IconRenderer iconName={selectedIcon} className='!w-5 !h-5 text-neutral-900 dark:text-white' />\n ) : (\n <Typography\n size='small'\n variant='regular'\n appearance='subtitle'\n >\n Select Icon\n </Typography>\n )}\n {selectedIcon && allowClear && !disabled ? (\n <AllIcons.CloseRounded\n className='!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500'\n onClick={handleClearIcon}\n />\n ) : (\n null\n )}\n </button>\n {errorMessage && (\n <Typography size='extra-small' className='text-red-500 font-medium'>\n {errorMessage}\n </Typography>\n )}\n </div>\n </Popover>\n );\n};\n\nexport const IconPicker = React.lazy(() =>\n Promise.resolve({\n default: (props: IconPickerContentProps) => (\n <Suspense fallback={<div className='min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md' />}>\n <IconPickerBase {...props} />\n </Suspense>\n ),\n }),\n);\n\n"],"names":["roundedIconNames","AllIcons","name","mergedIconNames","COUNTRY_CODES","code","formatIconName","iconName","countryNameFromCode","IconPickerContent","onChange","selectedIcon","setOpen","searchTerm","setSearchTerm","useState","filteredIcons","handleClick","icon","event","jsxs","e","jsx","InputField","value","FixedSizeGrid","columnIndex","rowIndex","style","itemIndex","Tooltip","IconButton","classNames","IconRenderer","sx","className","isHovering","getFlagComponent","Icon","IconPickerBase","label","required","allowClear","disabled","errorMessage","dropdownPosition","open","mouseClickRef","useRef","buttonRef","wasOpenRef","useEffect","handleClearIcon","Popover","triggerNode","newOpen","InputLabel","Typography","IconPicker","React","props","Suspense"],"mappings":"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"}

package/dist/components/forms/md-input/MarkdownPreview.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var O=Object.create;var q=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var G=(l,o,a,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of $(o))!F.call(l,t)&&t!==a&&q(l,t,{get:()=>o[t],enumerable:!(u=B(o,t))||u.enumerable});return l};var w=(l,o,a)=>(a=l!=null?O(P(l)):{},G(o||!l||!l.__esModule?q(a,"default",{value:l,enumerable:!0}):a,l));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../../_virtual/index.cjs.js"),_=require("react"),M=require("react-markdown"),T=require("remark-gfm"),W=require("rehype-raw"),Z=require("./remarkSplitRestartedLists.cjs.js"),J=_.lazy(async()=>{const[{Prism:l},{vscDarkPlus:o}]=await Promise.all([import("react-syntax-highlighter"),import("react-syntax-highlighter/dist/esm/styles/prism")]);return{default:({language:u,value:t})=>e.jsx(l,{language:u,style:o,customStyle:{margin:0,padding:"1rem",fontSize:"0.875rem",lineHeight:"1.5",background:"transparent"},wrapLongLines:!0,children:t})}}),j=_.forwardRef(({content:l,className:o,linkTarget:a="_blank",enableSyntaxHighlighting:u=!0,noIndent:t=!1,showMinimalPreview:m=!1,acceptAdvanceContent:r=!0,enableCollapsible:x=!1,collapsedHeight:k=180,expandLabel:v="Show more",collapseLabel:S="Show less",animationDurationMs:N=300},R)=>{const y=_.useRef(null),[b,g]=_.useState(!1),[E,L]=_.useState(0),[z,D]=_.useState(!1);_.useEffect(()=>{if(!x||!y.current)return;const i=y.current,s=()=>{const d=i.scrollHeight;L(d);const h=d>k;D(h),h||g(!1)};s();const n=new ResizeObserver(()=>{s()});return n.observe(i),()=>{n.disconnect()}},[l,x,k]);const c=x&&z,H=c?b?E:k:void 0;return e.jsxs("div",{ref:R,className:"w-full",children:[e.jsxs("div",{className:p(c?"relative overflow-hidden":""),style:c?{maxHeight:`${H}px`,transition:`max-height ${N}ms ease`}:void 0,children:[e.jsx("div",{ref:y,className:p("markdown-preview prose prose-sm dark:prose-invert max-w-none","font-inter font-medium text-sm leading-5",m?"[&_h1]:text-sm [&_h1]:font-medium [&_h1]:my-0 [&_h1]:leading-5 [&_h1]:text-inherit":"[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:my-1 [&_h1]:leading-7 [&_h1]:text-inherit",m?"[&_h2]:text-sm [&_h2]:font-medium [&_h2]:my-0 [&_h2]:leading-5 [&_h2]:text-inherit":"[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-7 [&_h2]:text-inherit",m?"[&_h3]:text-sm [&_h3]:font-medium [&_h3]:my-0 [&_h3]:leading-5 [&_h3]:text-inherit":"[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-6 [&_h3]:text-inherit","[&_h4]:text-inherit [&_h5]:text-inherit [&_h6]:text-inherit",m?"[&_p]:my-0":"[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-6",t?"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0":"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0",t?"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0":"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0","[&_ol+ol]:mt-2 [&_ul+ul]:mt-2 [&_ol+ul]:mt-2 [&_ul+ol]:mt-2","[&_li]:mt-0 [&_li]:mb-0 [&_li]:text-sm [&_li]:font-medium [&_li]:leading-5 [&_li::marker]:text-inherit","[&_li>p]:my-0 [&_li>p]:text-sm [&_li>p]:font-medium [&_li>p]:leading-5",t?"[&_li]:pl-0":"","[&_li:has(input[type='checkbox'])]:list-none",t?"[&_li:has(input[type='checkbox'])]:pl-0 [&_li:has(input[type='checkbox'])]:-ml-4.5":"[&_li:has(input[type='checkbox'])]:-ml-4.5","[&_li>input[type='checkbox']]:mr-2 [&_li>input[type='checkbox']]:w-[11px] [&_li>input[type='checkbox']]:h-[11px]",r?"[&_blockquote]:border-l-4 [&_blockquote]:border-neutral-300 [&_blockquote]:dark:border-neutral-600":"[&_blockquote]:border-0",r&&m?t?"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-0 [&_blockquote]:text-sm [&_blockquote]:font-medium":"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-4 [&_blockquote]:text-sm [&_blockquote]:font-medium":r?t?"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-0":"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-4":"[&_blockquote]:pl-0 [&_blockquote]:py-0 [&_blockquote]:not-italic [&_blockquote]:my-0","[&_a]:text-primary-600 [&_a]:dark:text-primary-400 [&_a]:underline","[&_strong]:font-semibold [&_em]:italic [&_u]:underline [&_del]:line-through",r?"[&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:my-1":"[&_img]:hidden",r?"[&_table]:w-full [&_table]:border-collapse [&_table]:my-1":"[&_table]:block [&_table]:border-0 [&_table]:my-0",r?"[&_th]:border [&_th]:border-neutral-300 [&_th]:dark:border-neutral-600":"[&_th]:border-0",r?"[&_th]:px-3 [&_th]:py-2 [&_th]:bg-neutral-50 [&_th]:dark:bg-neutral-800":"[&_th]:px-0 [&_th]:py-0 [&_th]:bg-transparent",r?"[&_th]:font-semibold [&_th]:text-left":"[&_th]:font-normal [&_th]:inline [&_th]:after:content-['_']",r?"[&_td]:border [&_td]:border-neutral-300 [&_td]:dark:border-neutral-600":"[&_td]:border-0",r?"[&_td]:px-3 [&_td]:py-2":"[&_td]:px-0 [&_td]:py-0 [&_td]:inline [&_td]:after:content-['_']",r?"[&_hr]:my-1 [&_hr]:border-neutral-300 [&_hr]:dark:border-neutral-600":"[&_hr]:hidden","text-[#101828] dark:text-neutral-100",o),children:e.jsx(M,{remarkPlugins:[T,Z.remarkSplitRestartedLists],rehypePlugins:[W],components:{a({children:i,href:s,...n}){return e.jsx("a",{href:s,target:a,rel:a==="_blank"?"noopener noreferrer":void 0,...n,children:i})},img({src:i,alt:s,...n}){return e.jsx("img",{src:i,alt:s,className:"max-w-full h-auto rounded-lg my-3",loading:"lazy",...n})},code({className:i,children:s,...n}){const d=/language-(\w+)/.exec(i||""),h=!i||!d,f=d?d[1]:"text";return!h&&!r?e.jsx("span",{className:"whitespace-pre-wrap text-sm font-medium leading-5",style:{fontFamily:"inherit",fontWeight:"normal"},children:s}):!h&&u&&r?e.jsxs("div",{className:"relative my-3 rounded-lg overflow-hidden",children:[e.jsx("div",{className:"flex items-center justify-between px-4 py-2 bg-[#2D2D2D] dark:bg-[#161B22] border-b border-[#3E3E3E] dark:border-[#21262D]",children:e.jsx("span",{className:"text-xs font-mono text-neutral-400 dark:text-neutral-500 uppercase",children:f})}),e.jsx("div",{className:"bg-[#1E1E1E] dark:bg-[#0D1117]",children:e.jsx(_.Suspense,{fallback:e.jsx("pre",{style:{margin:0,padding:"1rem",fontSize:"0.875rem",lineHeight:"1.5",background:"transparent",whiteSpace:"pre-wrap"},children:String(s).replace(/\n$/,"")}),children:e.jsx(J,{language:f,value:String(s).replace(/\n$/,"")})})})]}):e.jsx("code",{className:p(i,r?"bg-neutral-100 dark:bg-neutral-800 px-1.5 py-0.5 rounded font-mono text-[#101828] dark:text-neutral-200":"font-inherit text-sm leading-5 font-medium bg-transparent px-0 py-0"),...n,children:s})}},children:l||"*No content to display*"})}),c&&!b&&e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 bottom-0 h-14 bg-gradient-to-t from-white via-white/80 to-transparent dark:from-black-700 dark:via-black-700/80 dark:to-transparent"})]}),c&&e.jsx("div",{className:"mt-2 flex justify-center items-center gap-2",children:e.jsxs("button",{type:"button",onClick:()=>g(i=>!i),className:"inline-flex items-center gap-1 text-primary-600 dark:text-primary-400 font-medium text-sm",children:[b?S:v,e.jsx("span",{className:p("inline-flex transition-transform duration-300",b?"rotate-0":"rotate-180"),children:e.jsx("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M1.14167 4.19465L3.72833 1.60798L6.315 4.19465C6.575 4.45465 6.995 4.45465 7.255 4.19465C7.515 3.93465 7.515 3.51465 7.255 3.25465L4.195 0.194649C3.935 -0.0653515 3.515 -0.0653515 3.255 0.194649L0.195 3.25465C-0.065 3.51465 -0.065 3.93465 0.195 4.19465C0.455 4.44798 0.881667 4.45465 1.14167 4.19465Z",fill:"currentColor"})})})]})})]})});j.displayName="MarkdownPreview";exports.MarkdownPreview=j;
+"use strict";var O=Object.create;var q=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var G=(l,o,a,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of $(o))!F.call(l,t)&&t!==a&&q(l,t,{get:()=>o[t],enumerable:!(u=B(o,t))||u.enumerable});return l};var w=(l,o,a)=>(a=l!=null?O(P(l)):{},G(o||!l||!l.__esModule?q(a,"default",{value:l,enumerable:!0}):a,l));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../../_virtual/index.cjs.js"),_=require("react"),M=require("react-markdown"),T=require("remark-gfm"),W=require("rehype-raw"),Z=require("./remarkSplitRestartedLists.cjs.js");;/* empty css                */const J=_.lazy(async()=>{const[{Prism:l},{vscDarkPlus:o}]=await Promise.all([import("react-syntax-highlighter"),import("react-syntax-highlighter/dist/esm/styles/prism")]);return{default:({language:u,value:t})=>e.jsx(l,{language:u,style:o,customStyle:{margin:0,padding:"1rem",fontSize:"0.875rem",lineHeight:"1.5",background:"transparent"},wrapLongLines:!0,children:t})}}),j=_.forwardRef(({content:l,className:o,linkTarget:a="_blank",enableSyntaxHighlighting:u=!0,noIndent:t=!1,showMinimalPreview:m=!1,acceptAdvanceContent:r=!0,enableCollapsible:x=!1,collapsedHeight:k=180,expandLabel:v="Show more",collapseLabel:S="Show less",animationDurationMs:N=300},R)=>{const g=_.useRef(null),[p,y]=_.useState(!1),[E,L]=_.useState(0),[z,D]=_.useState(!1);_.useEffect(()=>{if(!x||!g.current)return;const i=g.current,s=()=>{const d=i.scrollHeight;L(d);const h=d>k;D(h),h||y(!1)};s();const n=new ResizeObserver(()=>{s()});return n.observe(i),()=>{n.disconnect()}},[l,x,k]);const c=x&&z,H=c?p?E:k:void 0;return e.jsxs("div",{ref:R,className:"w-full",children:[e.jsxs("div",{className:b(c?"relative overflow-hidden":""),style:c?{maxHeight:`${H}px`,transition:`max-height ${N}ms ease`}:void 0,children:[e.jsx("div",{ref:g,className:b("markdown-preview prose prose-sm dark:prose-invert max-w-none","font-inter font-medium text-sm leading-5",m?"[&_h1]:text-sm [&_h1]:font-medium [&_h1]:my-0 [&_h1]:leading-5 [&_h1]:text-inherit":"[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:my-1 [&_h1]:leading-7 [&_h1]:text-inherit",m?"[&_h2]:text-sm [&_h2]:font-medium [&_h2]:my-0 [&_h2]:leading-5 [&_h2]:text-inherit":"[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-7 [&_h2]:text-inherit",m?"[&_h3]:text-sm [&_h3]:font-medium [&_h3]:my-0 [&_h3]:leading-5 [&_h3]:text-inherit":"[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-6 [&_h3]:text-inherit","[&_h4]:text-inherit [&_h5]:text-inherit [&_h6]:text-inherit",m?"[&_p]:my-0 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5":"[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5",t?"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0":"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0",t?"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0":"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0","[&_ol+ol]:mt-2 [&_ul+ul]:mt-2 [&_ol+ul]:mt-2 [&_ul+ol]:mt-2","[&_li]:mt-0 [&_li]:mb-0 [&_li]:text-sm [&_li]:font-medium [&_li]:leading-5 [&_li::marker]:text-inherit","[&_li>p]:my-0 [&_li>p]:text-sm [&_li>p]:font-medium [&_li>p]:leading-5",t?"[&_li]:pl-0":"","[&_li:has(input[type='checkbox'])]:list-none",t?"[&_li:has(input[type='checkbox'])]:pl-0 [&_li:has(input[type='checkbox'])]:-ml-4.5":"[&_li:has(input[type='checkbox'])]:-ml-4.5","[&_li>input[type='checkbox']]:mr-2 [&_li>input[type='checkbox']]:w-[11px] [&_li>input[type='checkbox']]:h-[11px]",r?"[&_blockquote]:border-l-4 [&_blockquote]:border-neutral-300 [&_blockquote]:dark:border-neutral-600":"[&_blockquote]:border-0",r&&m?t?"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-0 [&_blockquote]:text-sm [&_blockquote]:font-medium":"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-4 [&_blockquote]:text-sm [&_blockquote]:font-medium":r?t?"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-0":"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-4":"[&_blockquote]:pl-0 [&_blockquote]:py-0 [&_blockquote]:not-italic [&_blockquote]:my-0","[&_a]:text-primary-600 [&_a]:dark:text-primary-400 [&_a]:underline","[&_strong]:font-semibold [&_em]:italic [&_u]:underline [&_del]:line-through",r?"[&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:my-1":"[&_img]:hidden",r?"[&_table]:w-full [&_table]:border-collapse [&_table]:my-1":"[&_table]:block [&_table]:border-0 [&_table]:my-0",r?"[&_th]:border [&_th]:border-neutral-300 [&_th]:dark:border-neutral-600":"[&_th]:border-0",r?"[&_th]:px-3 [&_th]:py-2 [&_th]:bg-neutral-50 [&_th]:dark:bg-neutral-800":"[&_th]:px-0 [&_th]:py-0 [&_th]:bg-transparent",r?"[&_th]:font-semibold [&_th]:text-left":"[&_th]:font-normal [&_th]:inline [&_th]:after:content-['_']",r?"[&_td]:border [&_td]:border-neutral-300 [&_td]:dark:border-neutral-600":"[&_td]:border-0",r?"[&_td]:px-3 [&_td]:py-2":"[&_td]:px-0 [&_td]:py-0 [&_td]:inline [&_td]:after:content-['_']",r?"[&_hr]:my-1 [&_hr]:border-neutral-300 [&_hr]:dark:border-neutral-600":"[&_hr]:hidden","text-[#101828] dark:text-neutral-100",o),children:e.jsx(M,{remarkPlugins:[T,Z.remarkSplitRestartedLists],rehypePlugins:[W],components:{a({children:i,href:s,...n}){return e.jsx("a",{href:s,target:a,rel:a==="_blank"?"noopener noreferrer":void 0,...n,children:i})},img({src:i,alt:s,...n}){return e.jsx("img",{src:i,alt:s,className:"max-w-full h-auto rounded-lg my-3",loading:"lazy",...n})},code({className:i,children:s,...n}){const d=/language-(\w+)/.exec(i||""),h=!i||!d,f=d?d[1]:"text";return!h&&!r?e.jsx("span",{className:"whitespace-pre-wrap text-sm font-medium leading-5",style:{fontFamily:"inherit",fontWeight:"normal"},children:s}):!h&&u&&r?e.jsxs("div",{className:"relative my-3 rounded-lg overflow-hidden",children:[e.jsx("div",{className:"flex items-center justify-between px-4 py-2 bg-[#2D2D2D] dark:bg-[#161B22] border-b border-[#3E3E3E] dark:border-[#21262D]",children:e.jsx("span",{className:"text-xs font-mono text-neutral-400 dark:text-neutral-500 uppercase",children:f})}),e.jsx("div",{className:"bg-[#1E1E1E] dark:bg-[#0D1117]",children:e.jsx(_.Suspense,{fallback:e.jsx("pre",{style:{margin:0,padding:"1rem",fontSize:"0.875rem",lineHeight:"1.5",background:"transparent",whiteSpace:"pre-wrap"},children:String(s).replace(/\n$/,"")}),children:e.jsx(J,{language:f,value:String(s).replace(/\n$/,"")})})})]}):e.jsx("code",{className:b(i,r?"bg-neutral-100 dark:bg-neutral-800 px-1.5 py-0.5 rounded font-mono text-[#101828] dark:text-neutral-200":"font-inherit text-sm leading-5 font-medium bg-transparent px-0 py-0"),...n,children:s})}},children:l||"*No content to display*"})}),c&&!p&&e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 bottom-0 h-14 bg-gradient-to-t from-white via-white/80 to-transparent dark:from-black-700 dark:via-black-700/80 dark:to-transparent"})]}),c&&e.jsx("div",{className:"mt-2 flex justify-center items-center gap-2",children:e.jsxs("button",{type:"button",onClick:()=>y(i=>!i),className:"inline-flex items-center gap-1 text-primary-600 dark:text-primary-400 font-medium text-sm",children:[p?S:v,e.jsx("span",{className:b("inline-flex transition-transform duration-300",p?"rotate-0":"rotate-180"),children:e.jsx("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M1.14167 4.19465L3.72833 1.60798L6.315 4.19465C6.575 4.45465 6.995 4.45465 7.255 4.19465C7.515 3.93465 7.515 3.51465 7.255 3.25465L4.195 0.194649C3.935 -0.0653515 3.515 -0.0653515 3.255 0.194649L0.195 3.25465C-0.065 3.51465 -0.065 3.93465 0.195 4.19465C0.455 4.44798 0.881667 4.45465 1.14167 4.19465Z",fill:"currentColor"})})})]})})]})});j.displayName="MarkdownPreview";exports.MarkdownPreview=j;
 //# sourceMappingURL=MarkdownPreview.cjs.js.map

package/dist/components/forms/md-input/MarkdownPreview.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownPreview.cjs.js","sources":["../../../../src/components/forms/md-input/MarkdownPreview.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport { forwardRef, lazy, Suspense, useEffect, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport rehypeRaw from \"rehype-raw\";\nimport { remarkSplitRestartedLists } from \"./remarkSplitRestartedLists\";\n\n// react-syntax-highlighter is an OPTIONAL peer dependency. Load it (and its\n// Prism theme) lazily via dynamic import so it is only fetched when a highlighted\n// code block is actually rendered. This keeps it out of every consumer's main\n// bundle, lets it tree-shake away entirely when MarkdownPreview is unused, and\n// means consumers that never render markdown code blocks don't need to install\n// it at all (a bare static import would force every consumer to provide it).\nconst LazyCodeBlock = lazy(async () => {\n const [{ Prism }, { vscDarkPlus }] = await Promise.all([\n import(\"react-syntax-highlighter\"),\n import(\"react-syntax-highlighter/dist/esm/styles/prism\"),\n ]);\n const CodeBlock = ({ language, value }: { language: string; value: string }) => (\n <Prism\n language={language}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n style={vscDarkPlus as any}\n customStyle={{\n margin: 0,\n padding: \"1rem\",\n fontSize: \"0.875rem\",\n lineHeight: \"1.5\",\n background: \"transparent\",\n }}\n wrapLongLines\n >\n {value}\n </Prism>\n );\n return { default: CodeBlock };\n});\n\n/*\n Props for the MarkdownPreview component\n /\nexport interface MarkdownPreviewProps {\n /* Markdown content to display /\n content: string;\n /* Additional CSS classes for the wrapper container /\n className?: string;\n /* Link target behavior: '_blank' for new tab, '_self' for current tab /\n linkTarget?: \"_blank\" \| \"_self\";\n /* Whether to show syntax highlighting for code blocks /\n enableSyntaxHighlighting?: boolean;\n /* Whether to remove indentation from lists and align all content to the left /\n noIndent?: boolean;\n /* Whether to display all content with uniform font size/weight (paragraph-like) while keeping formatting /\n showMinimalPreview?: boolean;\n /* Whether to accept and render advanced content (code blocks, blockquotes, tables, images) /\n acceptAdvanceContent?: boolean;\n /* Whether to show an animated Show more/Show less toggle /\n enableCollapsible?: boolean;\n /* Collapsed preview height in pixels when collapsible mode is enabled /\n collapsedHeight?: number;\n /* Label for the expand action /\n expandLabel?: string;\n /* Label for the collapse action /\n collapseLabel?: string;\n /* Expand/collapse animation duration in milliseconds /\n animationDurationMs?: number;\n}\n\n/\n MarkdownPreview component displays rendered markdown content.\n \n Supported Markdown Features:\n * - Headings (H1-H6)\n * - Text formatting (bold, italic, underline, strikethrough)\n * - Lists (bullet and numbered)\n * - Code blocks with syntax highlighting\n * - Inline code\n * - Block quotes\n * - Links with configurable target\n * - Images (responsive)\n * - Tables\n * - Horizontal rules\n \n Features:\n * - GFM (GitHub Flavored Markdown) support\n * - HTML support via rehype-raw\n * - Syntax highlighting for code blocks\n * - Responsive images\n * - Dark mode support\n * - Configurable link behavior\n * - Optional no-indent mode for aligned content\n * - Minimal preview mode (uniform typography)\n * - Toggle advanced content (code blocks, blockquotes, tables, images)\n \n @example\n * ```tsx\n * <MarkdownPreview\n * content=\"# Hello World\\n\\nThis is bold text.\"\n * linkTarget=\"_blank\"\n * noIndent={false}\n * showMinimalPreview={false}\n * acceptAdvanceContent={true}\n * />\n * ```\n /\nexport const MarkdownPreview = forwardRef<HTMLDivElement, MarkdownPreviewProps>(\n (\n {\n content,\n className,\n linkTarget = \"_blank\",\n enableSyntaxHighlighting = true,\n noIndent = false,\n showMinimalPreview = false,\n acceptAdvanceContent = true,\n enableCollapsible = false,\n collapsedHeight = 180,\n expandLabel = \"Show more\",\n collapseLabel = \"Show less\",\n animationDurationMs = 300,\n },\n ref\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const [isExpanded, setIsExpanded] = useState(false);\n const [contentHeight, setContentHeight] = useState(0);\n const [isOverflowing, setIsOverflowing] = useState(false);\n\n useEffect(() => {\n if (!enableCollapsible \|\| !contentRef.current) {\n return;\n }\n\n const element = contentRef.current;\n\n const measureContent = () => {\n const measuredHeight = element.scrollHeight;\n setContentHeight(measuredHeight);\n const hasOverflow = measuredHeight > collapsedHeight;\n setIsOverflowing(hasOverflow);\n if (!hasOverflow) {\n setIsExpanded(false);\n }\n };\n\n measureContent();\n\n const resizeObserver = new ResizeObserver(() => {\n measureContent();\n });\n\n resizeObserver.observe(element);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [content, enableCollapsible, collapsedHeight]);\n\n const showToggle = enableCollapsible && isOverflowing;\n const animatedMaxHeight = showToggle\n ? isExpanded\n ? contentHeight\n : collapsedHeight\n : undefined;\n\n return (\n <div ref={ref} className=\"w-full\">\n <div\n className={cn(showToggle ? \"relative overflow-hidden\" : \"\")}\n style={\n showToggle\n ? {\n maxHeight: `${animatedMaxHeight}px`,\n transition: `max-height ${animationDurationMs}ms ease`,\n }\n : undefined\n }\n >\n <div\n ref={contentRef}\n className={cn(\n \"markdown-preview prose prose-sm dark:prose-invert max-w-none\",\n \"font-inter font-medium text-sm leading-5\",\n showMinimalPreview\n ? \"[&_h1]:text-sm [&_h1]:font-medium [&_h1]:my-0 [&_h1]:leading-5 [&_h1]:text-inherit\"\n : \"[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:my-1 [&_h1]:leading-7 [&_h1]:text-inherit\",\n showMinimalPreview\n ? \"[&_h2]:text-sm [&_h2]:font-medium [&_h2]:my-0 [&_h2]:leading-5 [&_h2]:text-inherit\"\n : \"[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-7 [&_h2]:text-inherit\",\n showMinimalPreview\n ? \"[&_h3]:text-sm [&_h3]:font-medium [&_h3]:my-0 [&_h3]:leading-5 [&_h3]:text-inherit\"\n : \"[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-6 [&_h3]:text-inherit\",\n \"[&_h4]:text-inherit [&_h5]:text-inherit [&_h6]:text-inherit\",\n showMinimalPreview\n ? \"[&_p]:my-0\"\n : \"[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-6\",\n showMinimalPreview\n ? noIndent\n ? \"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0\"\n : \"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0\"\n : noIndent\n ? \"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0\"\n : \"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0\",\n showMinimalPreview\n ? noIndent\n ? \"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0\"\n : \"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0\"\n : noIndent\n ? \"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0\"\n : \"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0\",\n // Separate consecutive lists (a blank line in the source starts a new list)\n \"[&_ol+ol]:mt-2 [&_ul+ul]:mt-2 [&_ol+ul]:mt-2 [&_ul+ol]:mt-2\",\n \"[&_li]:mt-0 [&_li]:mb-0 [&_li]:text-sm [&_li]:font-medium [&_li]:leading-5 [&_li::marker]:text-inherit\",\n // Loose lists (any blank line between items) wrap each item's content\n // in a <p>; strip its margins so item spacing matches a tight list\n \"[&_li>p]:my-0 [&_li>p]:text-sm [&_li>p]:font-medium [&_li>p]:leading-5\",\n noIndent ? \"[&_li]:pl-0\" : \"\",\n \"[&_li:has(input[type='checkbox'])]:list-none\",\n noIndent\n ? \"[&_li:has(input[type='checkbox'])]:pl-0 [&_li:has(input[type='checkbox'])]:-ml-4.5\"\n : \"[&_li:has(input[type='checkbox'])]:-ml-4.5\",\n \"[&_li>input[type='checkbox']]:mr-2 [&_li>input[type='checkbox']]:w-[11px] [&_li>input[type='checkbox']]:h-[11px]\",\n acceptAdvanceContent\n ? \"[&_blockquote]:border-l-4 [&_blockquote]:border-neutral-300 [&_blockquote]:dark:border-neutral-600\"\n : \"[&_blockquote]:border-0\",\n acceptAdvanceContent && showMinimalPreview\n ? noIndent\n ? \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-0 [&_blockquote]:text-sm [&_blockquote]:font-medium\"\n : \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-4 [&_blockquote]:text-sm [&_blockquote]:font-medium\"\n : acceptAdvanceContent\n ? noIndent\n ? \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-0\"\n : \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-4\"\n : \"[&_blockquote]:pl-0 [&_blockquote]:py-0 [&_blockquote]:not-italic [&_blockquote]:my-0\",\n \"[&_a]:text-primary-600 [&_a]:dark:text-primary-400 [&_a]:underline\",\n \"[&_strong]:font-semibold [&_em]:italic [&_u]:underline [&_del]:line-through\",\n acceptAdvanceContent\n ? \"[&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:my-1\"\n : \"[&_img]:hidden\",\n acceptAdvanceContent\n ? \"[&_table]:w-full [&_table]:border-collapse [&_table]:my-1\"\n : \"[&_table]:block [&_table]:border-0 [&_table]:my-0\",\n acceptAdvanceContent\n ? \"[&_th]:border [&_th]:border-neutral-300 [&_th]:dark:border-neutral-600\"\n : \"[&_th]:border-0\",\n acceptAdvanceContent\n ? \"[&_th]:px-3 [&_th]:py-2 [&_th]:bg-neutral-50 [&_th]:dark:bg-neutral-800\"\n : \"[&_th]:px-0 [&_th]:py-0 [&_th]:bg-transparent\",\n acceptAdvanceContent\n ? \"[&_th]:font-semibold [&_th]:text-left\"\n : \"[&_th]:font-normal [&_th]:inline [&_th]:after:content-['_']\",\n acceptAdvanceContent\n ? \"[&_td]:border [&_td]:border-neutral-300 [&_td]:dark:border-neutral-600\"\n : \"[&_td]:border-0\",\n acceptAdvanceContent\n ? \"[&_td]:px-3 [&_td]:py-2\"\n : \"[&_td]:px-0 [&_td]:py-0 [&_td]:inline [&_td]:after:content-['_']\",\n acceptAdvanceContent\n ? \"[&_hr]:my-1 [&_hr]:border-neutral-300 [&_hr]:dark:border-neutral-600\"\n : \"[&_hr]:hidden\",\n \"text-[#101828] dark:text-neutral-100\",\n className\n )}\n >\n <ReactMarkdown\n remarkPlugins={[remarkGfm, remarkSplitRestartedLists]}\n rehypePlugins={[rehypeRaw]}\n components={{\n a({ children, href, ...props }) {\n return (\n <a\n href={href}\n target={linkTarget}\n rel={\n linkTarget === \"_blank\"\n ? \"noopener noreferrer\"\n : undefined\n }\n {...props}\n >\n {children}\n </a>\n );\n },\n img({ src, alt, ...props }) {\n return (\n <img\n src={src}\n alt={alt}\n className=\"max-w-full h-auto rounded-lg my-3\"\n loading=\"lazy\"\n {...props}\n />\n );\n },\n code({ className, children, ...props }) {\n const match = /language-(\\w+)/.exec(className \|\| \"\");\n const isInline = !className \|\| !match;\n const language = match ? match[1] : \"text\";\n\n if (!isInline && !acceptAdvanceContent) {\n return (\n <span\n className=\"whitespace-pre-wrap text-sm font-medium leading-5\"\n style={{ fontFamily: \"inherit\", fontWeight: \"normal\" }}\n >\n {children}\n </span>\n );\n }\n\n if (\n !isInline &&\n enableSyntaxHighlighting &&\n acceptAdvanceContent\n ) {\n return (\n <div className=\"relative my-3 rounded-lg overflow-hidden\">\n <div className=\"flex items-center justify-between px-4 py-2 bg-[#2D2D2D] dark:bg-[#161B22] border-b border-[#3E3E3E] dark:border-[#21262D]\">\n <span className=\"text-xs font-mono text-neutral-400 dark:text-neutral-500 uppercase\">\n {language}\n </span>\n </div>\n <div className=\"bg-[#1E1E1E] dark:bg-[#0D1117]\">\n <Suspense\n fallback={\n <pre\n style={{\n margin: 0,\n padding: \"1rem\",\n fontSize: \"0.875rem\",\n lineHeight: \"1.5\",\n background: \"transparent\",\n whiteSpace: \"pre-wrap\",\n }}\n >\n {String(children).replace(/\\n$/, \"\")}\n </pre>\n }\n >\n <LazyCodeBlock\n language={language}\n value={String(children).replace(/\\n$/, \"\")}\n />\n </Suspense>\n </div>\n </div>\n );\n }\n\n return (\n <code\n className={cn(\n className,\n acceptAdvanceContent\n ? \"bg-neutral-100 dark:bg-neutral-800 px-1.5 py-0.5 rounded font-mono text-[#101828] dark:text-neutral-200\"\n : \"font-inherit text-sm leading-5 font-medium bg-transparent px-0 py-0\"\n )}\n {...props}\n >\n {children}\n </code>\n );\n },\n }}\n >\n {content \|\| \"No content to display*\"}\n </ReactMarkdown>\n </div>\n\n {showToggle && !isExpanded && (\n <div\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-14 bg-gradient-to-t from-white via-white/80 to-transparent dark:from-black-700 dark:via-black-700/80 dark:to-transparent\"\n />\n )}\n </div>\n\n {showToggle && (\n <div className=\"mt-2 flex justify-center items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => setIsExpanded((prev) => !prev)}\n className=\"inline-flex items-center gap-1 text-primary-600 dark:text-primary-400 font-medium text-sm\"\n >\n {isExpanded ? collapseLabel : expandLabel}\n <span\n className={cn(\n \"inline-flex transition-transform duration-300\",\n !isExpanded ? \"rotate-180\" : \"rotate-0\"\n )}\n >\n <svg\n width=\"8\"\n height=\"5\"\n viewBox=\"0 0 8 5\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.14167 4.19465L3.72833 1.60798L6.315 4.19465C6.575 4.45465 6.995 4.45465 7.255 4.19465C7.515 3.93465 7.515 3.51465 7.255 3.25465L4.195 0.194649C3.935 -0.0653515 3.515 -0.0653515 3.255 0.194649L0.195 3.25465C-0.065 3.51465 -0.065 3.93465 0.195 4.19465C0.455 4.44798 0.881667 4.45465 1.14167 4.19465Z\"\n fill=\"currentColor\"\n />\n </svg>\n </span>\n </button>\n </div>\n )}\n </div>\n );\n }\n);\n\nMarkdownPreview.displayName = \"MarkdownPreview\";\n"],"names":["LazyCodeBlock","lazy","Prism","vscDarkPlus","language","value","jsx","MarkdownPreview","forwardRef","content","className","linkTarget","enableSyntaxHighlighting","noIndent","showMinimalPreview","acceptAdvanceContent","enableCollapsible","collapsedHeight","expandLabel","collapseLabel","animationDurationMs","ref","contentRef","useRef","isExpanded","setIsExpanded","useState","contentHeight","setContentHeight","isOverflowing","setIsOverflowing","useEffect","element","measureContent","measuredHeight","hasOverflow","resizeObserver","showToggle","animatedMaxHeight","jsxs","cn","ReactMarkdown","remarkGfm","remarkSplitRestartedLists","rehypeRaw","children","href","props","src","alt","match","isInline","Suspense","prev"],"mappings":"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"}
1	+ {"version":3,"file":"MarkdownPreview.cjs.js","sources":["../../../../src/components/forms/md-input/MarkdownPreview.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport { forwardRef, lazy, Suspense, useEffect, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport rehypeRaw from \"rehype-raw\";\nimport { remarkSplitRestartedLists } from \"./remarkSplitRestartedLists\";\nimport \"./styles.css\";\n\n// react-syntax-highlighter is an OPTIONAL peer dependency. Load it (and its\n// Prism theme) lazily via dynamic import so it is only fetched when a highlighted\n// code block is actually rendered. This keeps it out of every consumer's main\n// bundle, lets it tree-shake away entirely when MarkdownPreview is unused, and\n// means consumers that never render markdown code blocks don't need to install\n// it at all (a bare static import would force every consumer to provide it).\nconst LazyCodeBlock = lazy(async () => {\n const [{ Prism }, { vscDarkPlus }] = await Promise.all([\n import(\"react-syntax-highlighter\"),\n import(\"react-syntax-highlighter/dist/esm/styles/prism\"),\n ]);\n const CodeBlock = ({ language, value }: { language: string; value: string }) => (\n <Prism\n language={language}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n style={vscDarkPlus as any}\n customStyle={{\n margin: 0,\n padding: \"1rem\",\n fontSize: \"0.875rem\",\n lineHeight: \"1.5\",\n background: \"transparent\",\n }}\n wrapLongLines\n >\n {value}\n </Prism>\n );\n return { default: CodeBlock };\n});\n\n/*\n Props for the MarkdownPreview component\n /\nexport interface MarkdownPreviewProps {\n /* Markdown content to display /\n content: string;\n /* Additional CSS classes for the wrapper container /\n className?: string;\n /* Link target behavior: '_blank' for new tab, '_self' for current tab /\n linkTarget?: \"_blank\" \| \"_self\";\n /* Whether to show syntax highlighting for code blocks /\n enableSyntaxHighlighting?: boolean;\n /* Whether to remove indentation from lists and align all content to the left /\n noIndent?: boolean;\n /* Whether to display all content with uniform font size/weight (paragraph-like) while keeping formatting /\n showMinimalPreview?: boolean;\n /* Whether to accept and render advanced content (code blocks, blockquotes, tables, images) /\n acceptAdvanceContent?: boolean;\n /* Whether to show an animated Show more/Show less toggle /\n enableCollapsible?: boolean;\n /* Collapsed preview height in pixels when collapsible mode is enabled /\n collapsedHeight?: number;\n /* Label for the expand action /\n expandLabel?: string;\n /* Label for the collapse action /\n collapseLabel?: string;\n /* Expand/collapse animation duration in milliseconds /\n animationDurationMs?: number;\n}\n\n/\n MarkdownPreview component displays rendered markdown content.\n \n Supported Markdown Features:\n * - Headings (H1-H6)\n * - Text formatting (bold, italic, underline, strikethrough)\n * - Lists (bullet and numbered)\n * - Code blocks with syntax highlighting\n * - Inline code\n * - Block quotes\n * - Links with configurable target\n * - Images (responsive)\n * - Tables\n * - Horizontal rules\n \n Features:\n * - GFM (GitHub Flavored Markdown) support\n * - HTML support via rehype-raw\n * - Syntax highlighting for code blocks\n * - Responsive images\n * - Dark mode support\n * - Configurable link behavior\n * - Optional no-indent mode for aligned content\n * - Minimal preview mode (uniform typography)\n * - Toggle advanced content (code blocks, blockquotes, tables, images)\n \n @example\n * ```tsx\n * <MarkdownPreview\n * content=\"# Hello World\\n\\nThis is bold text.\"\n * linkTarget=\"_blank\"\n * noIndent={false}\n * showMinimalPreview={false}\n * acceptAdvanceContent={true}\n * />\n * ```\n /\nexport const MarkdownPreview = forwardRef<HTMLDivElement, MarkdownPreviewProps>(\n (\n {\n content,\n className,\n linkTarget = \"_blank\",\n enableSyntaxHighlighting = true,\n noIndent = false,\n showMinimalPreview = false,\n acceptAdvanceContent = true,\n enableCollapsible = false,\n collapsedHeight = 180,\n expandLabel = \"Show more\",\n collapseLabel = \"Show less\",\n animationDurationMs = 300,\n },\n ref\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const [isExpanded, setIsExpanded] = useState(false);\n const [contentHeight, setContentHeight] = useState(0);\n const [isOverflowing, setIsOverflowing] = useState(false);\n\n useEffect(() => {\n if (!enableCollapsible \|\| !contentRef.current) {\n return;\n }\n\n const element = contentRef.current;\n\n const measureContent = () => {\n const measuredHeight = element.scrollHeight;\n setContentHeight(measuredHeight);\n const hasOverflow = measuredHeight > collapsedHeight;\n setIsOverflowing(hasOverflow);\n if (!hasOverflow) {\n setIsExpanded(false);\n }\n };\n\n measureContent();\n\n const resizeObserver = new ResizeObserver(() => {\n measureContent();\n });\n\n resizeObserver.observe(element);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [content, enableCollapsible, collapsedHeight]);\n\n const showToggle = enableCollapsible && isOverflowing;\n const animatedMaxHeight = showToggle\n ? isExpanded\n ? contentHeight\n : collapsedHeight\n : undefined;\n\n return (\n <div ref={ref} className=\"w-full\">\n <div\n className={cn(showToggle ? \"relative overflow-hidden\" : \"\")}\n style={\n showToggle\n ? {\n maxHeight: `${animatedMaxHeight}px`,\n transition: `max-height ${animationDurationMs}ms ease`,\n }\n : undefined\n }\n >\n <div\n ref={contentRef}\n className={cn(\n \"markdown-preview prose prose-sm dark:prose-invert max-w-none\",\n \"font-inter font-medium text-sm leading-5\",\n showMinimalPreview\n ? \"[&_h1]:text-sm [&_h1]:font-medium [&_h1]:my-0 [&_h1]:leading-5 [&_h1]:text-inherit\"\n : \"[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:my-1 [&_h1]:leading-7 [&_h1]:text-inherit\",\n showMinimalPreview\n ? \"[&_h2]:text-sm [&_h2]:font-medium [&_h2]:my-0 [&_h2]:leading-5 [&_h2]:text-inherit\"\n : \"[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-7 [&_h2]:text-inherit\",\n showMinimalPreview\n ? \"[&_h3]:text-sm [&_h3]:font-medium [&_h3]:my-0 [&_h3]:leading-5 [&_h3]:text-inherit\"\n : \"[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-6 [&_h3]:text-inherit\",\n \"[&_h4]:text-inherit [&_h5]:text-inherit [&_h6]:text-inherit\",\n // Paragraphs share the list items' size/weight/leading — only the\n // block spacing differs between minimal and default preview\n showMinimalPreview\n ? \"[&_p]:my-0 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5\"\n : \"[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5\",\n showMinimalPreview\n ? noIndent\n ? \"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0\"\n : \"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0\"\n : noIndent\n ? \"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0\"\n : \"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0\",\n showMinimalPreview\n ? noIndent\n ? \"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0\"\n : \"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0\"\n : noIndent\n ? \"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0\"\n : \"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0\",\n // Separate consecutive lists (a blank line in the source starts a new list)\n \"[&_ol+ol]:mt-2 [&_ul+ul]:mt-2 [&_ol+ul]:mt-2 [&_ul+ol]:mt-2\",\n \"[&_li]:mt-0 [&_li]:mb-0 [&_li]:text-sm [&_li]:font-medium [&_li]:leading-5 [&_li::marker]:text-inherit\",\n // Loose lists (any blank line between items) wrap each item's content\n // in a <p>; strip its margins so item spacing matches a tight list\n \"[&_li>p]:my-0 [&_li>p]:text-sm [&_li>p]:font-medium [&_li>p]:leading-5\",\n noIndent ? \"[&_li]:pl-0\" : \"\",\n \"[&_li:has(input[type='checkbox'])]:list-none\",\n noIndent\n ? \"[&_li:has(input[type='checkbox'])]:pl-0 [&_li:has(input[type='checkbox'])]:-ml-4.5\"\n : \"[&_li:has(input[type='checkbox'])]:-ml-4.5\",\n \"[&_li>input[type='checkbox']]:mr-2 [&_li>input[type='checkbox']]:w-[11px] [&_li>input[type='checkbox']]:h-[11px]\",\n acceptAdvanceContent\n ? \"[&_blockquote]:border-l-4 [&_blockquote]:border-neutral-300 [&_blockquote]:dark:border-neutral-600\"\n : \"[&_blockquote]:border-0\",\n acceptAdvanceContent && showMinimalPreview\n ? noIndent\n ? \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-0 [&_blockquote]:text-sm [&_blockquote]:font-medium\"\n : \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-4 [&_blockquote]:text-sm [&_blockquote]:font-medium\"\n : acceptAdvanceContent\n ? noIndent\n ? \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-0\"\n : \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-4\"\n : \"[&_blockquote]:pl-0 [&_blockquote]:py-0 [&_blockquote]:not-italic [&_blockquote]:my-0\",\n \"[&_a]:text-primary-600 [&_a]:dark:text-primary-400 [&_a]:underline\",\n \"[&_strong]:font-semibold [&_em]:italic [&_u]:underline [&_del]:line-through\",\n acceptAdvanceContent\n ? \"[&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:my-1\"\n : \"[&_img]:hidden\",\n acceptAdvanceContent\n ? \"[&_table]:w-full [&_table]:border-collapse [&_table]:my-1\"\n : \"[&_table]:block [&_table]:border-0 [&_table]:my-0\",\n acceptAdvanceContent\n ? \"[&_th]:border [&_th]:border-neutral-300 [&_th]:dark:border-neutral-600\"\n : \"[&_th]:border-0\",\n acceptAdvanceContent\n ? \"[&_th]:px-3 [&_th]:py-2 [&_th]:bg-neutral-50 [&_th]:dark:bg-neutral-800\"\n : \"[&_th]:px-0 [&_th]:py-0 [&_th]:bg-transparent\",\n acceptAdvanceContent\n ? \"[&_th]:font-semibold [&_th]:text-left\"\n : \"[&_th]:font-normal [&_th]:inline [&_th]:after:content-['_']\",\n acceptAdvanceContent\n ? \"[&_td]:border [&_td]:border-neutral-300 [&_td]:dark:border-neutral-600\"\n : \"[&_td]:border-0\",\n acceptAdvanceContent\n ? \"[&_td]:px-3 [&_td]:py-2\"\n : \"[&_td]:px-0 [&_td]:py-0 [&_td]:inline [&_td]:after:content-['_']\",\n acceptAdvanceContent\n ? \"[&_hr]:my-1 [&_hr]:border-neutral-300 [&_hr]:dark:border-neutral-600\"\n : \"[&_hr]:hidden\",\n \"text-[#101828] dark:text-neutral-100\",\n className\n )}\n >\n <ReactMarkdown\n remarkPlugins={[remarkGfm, remarkSplitRestartedLists]}\n rehypePlugins={[rehypeRaw]}\n components={{\n a({ children, href, ...props }) {\n return (\n <a\n href={href}\n target={linkTarget}\n rel={\n linkTarget === \"_blank\"\n ? \"noopener noreferrer\"\n : undefined\n }\n {...props}\n >\n {children}\n </a>\n );\n },\n img({ src, alt, ...props }) {\n return (\n <img\n src={src}\n alt={alt}\n className=\"max-w-full h-auto rounded-lg my-3\"\n loading=\"lazy\"\n {...props}\n />\n );\n },\n code({ className, children, ...props }) {\n const match = /language-(\\w+)/.exec(className \|\| \"\");\n const isInline = !className \|\| !match;\n const language = match ? match[1] : \"text\";\n\n if (!isInline && !acceptAdvanceContent) {\n return (\n <span\n className=\"whitespace-pre-wrap text-sm font-medium leading-5\"\n style={{ fontFamily: \"inherit\", fontWeight: \"normal\" }}\n >\n {children}\n </span>\n );\n }\n\n if (\n !isInline &&\n enableSyntaxHighlighting &&\n acceptAdvanceContent\n ) {\n return (\n <div className=\"relative my-3 rounded-lg overflow-hidden\">\n <div className=\"flex items-center justify-between px-4 py-2 bg-[#2D2D2D] dark:bg-[#161B22] border-b border-[#3E3E3E] dark:border-[#21262D]\">\n <span className=\"text-xs font-mono text-neutral-400 dark:text-neutral-500 uppercase\">\n {language}\n </span>\n </div>\n <div className=\"bg-[#1E1E1E] dark:bg-[#0D1117]\">\n <Suspense\n fallback={\n <pre\n style={{\n margin: 0,\n padding: \"1rem\",\n fontSize: \"0.875rem\",\n lineHeight: \"1.5\",\n background: \"transparent\",\n whiteSpace: \"pre-wrap\",\n }}\n >\n {String(children).replace(/\\n$/, \"\")}\n </pre>\n }\n >\n <LazyCodeBlock\n language={language}\n value={String(children).replace(/\\n$/, \"\")}\n />\n </Suspense>\n </div>\n </div>\n );\n }\n\n return (\n <code\n className={cn(\n className,\n acceptAdvanceContent\n ? \"bg-neutral-100 dark:bg-neutral-800 px-1.5 py-0.5 rounded font-mono text-[#101828] dark:text-neutral-200\"\n : \"font-inherit text-sm leading-5 font-medium bg-transparent px-0 py-0\"\n )}\n {...props}\n >\n {children}\n </code>\n );\n },\n }}\n >\n {content \|\| \"No content to display*\"}\n </ReactMarkdown>\n </div>\n\n {showToggle && !isExpanded && (\n <div\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-14 bg-gradient-to-t from-white via-white/80 to-transparent dark:from-black-700 dark:via-black-700/80 dark:to-transparent\"\n />\n )}\n </div>\n\n {showToggle && (\n <div className=\"mt-2 flex justify-center items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => setIsExpanded((prev) => !prev)}\n className=\"inline-flex items-center gap-1 text-primary-600 dark:text-primary-400 font-medium text-sm\"\n >\n {isExpanded ? collapseLabel : expandLabel}\n <span\n className={cn(\n \"inline-flex transition-transform duration-300\",\n !isExpanded ? \"rotate-180\" : \"rotate-0\"\n )}\n >\n <svg\n width=\"8\"\n height=\"5\"\n viewBox=\"0 0 8 5\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.14167 4.19465L3.72833 1.60798L6.315 4.19465C6.575 4.45465 6.995 4.45465 7.255 4.19465C7.515 3.93465 7.515 3.51465 7.255 3.25465L4.195 0.194649C3.935 -0.0653515 3.515 -0.0653515 3.255 0.194649L0.195 3.25465C-0.065 3.51465 -0.065 3.93465 0.195 4.19465C0.455 4.44798 0.881667 4.45465 1.14167 4.19465Z\"\n fill=\"currentColor\"\n />\n </svg>\n </span>\n </button>\n </div>\n )}\n </div>\n );\n }\n);\n\nMarkdownPreview.displayName = \"MarkdownPreview\";\n"],"names":["LazyCodeBlock","lazy","Prism","vscDarkPlus","language","value","jsx","MarkdownPreview","forwardRef","content","className","linkTarget","enableSyntaxHighlighting","noIndent","showMinimalPreview","acceptAdvanceContent","enableCollapsible","collapsedHeight","expandLabel","collapseLabel","animationDurationMs","ref","contentRef","useRef","isExpanded","setIsExpanded","useState","contentHeight","setContentHeight","isOverflowing","setIsOverflowing","useEffect","element","measureContent","measuredHeight","hasOverflow","resizeObserver","showToggle","animatedMaxHeight","jsxs","cn","ReactMarkdown","remarkGfm","remarkSplitRestartedLists","rehypeRaw","children","href","props","src","alt","match","isInline","Suspense","prev"],"mappings":"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"}

package/dist/components/forms/md-input/MarkdownPreview.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import "./styles.css";
 /**
  * Props for the MarkdownPreview component
  */

package/dist/components/forms/md-input/MarkdownPreview.es.js CHANGED Viewed

@@ -1,10 +1,11 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import h from "../../../_virtual/index.es.js";
-import { forwardRef as H, useRef as B, useState as y, useEffect as O, Suspense as j, lazy as $ } from "react";
+import { forwardRef as H, useRef as B, useState as g, useEffect as O, Suspense as j, lazy as $ } from "react";
 import F from "react-markdown";
 import G from "remark-gfm";
 import P from "rehype-raw";
 import { remarkSplitRestartedLists as W } from "./remarkSplitRestartedLists.es.js";
+/* empty css              */
 const Z = $(async () => {
   const [{ Prism: s }, { vscDarkPlus: c }] = await Promise.all([
     import("react-syntax-highlighter"),
@@ -41,7 +42,7 @@ const Z = $(async () => {
     collapseLabel: N = "Show less",
     animationDurationMs: v = 300
   }, S) => {
-    const x = B(null), [u, g] = y(!1), [E, L] = y(0), [z, R] = y(!1);
+    const x = B(null), [u, y] = g(!1), [E, L] = g(0), [z, R] = g(!1);
     O(() => {
       if (!k || !x.current)
         return;
@@ -49,7 +50,7 @@ const Z = $(async () => {
         const _ = l.scrollHeight;
         L(_);
         const m = _ > f;
-        R(m), m || g(!1);
+        R(m), m || y(!1);
       };
       r();
       const i = new ResizeObserver(() => {
@@ -81,7 +82,9 @@ const Z = $(async () => {
                   a ? "[&_h2]:text-sm [&_h2]:font-medium [&_h2]:my-0 [&_h2]:leading-5 [&_h2]:text-inherit" : "[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-7 [&_h2]:text-inherit",
                   a ? "[&_h3]:text-sm [&_h3]:font-medium [&_h3]:my-0 [&_h3]:leading-5 [&_h3]:text-inherit" : "[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-6 [&_h3]:text-inherit",
                   "[&_h4]:text-inherit [&_h5]:text-inherit [&_h6]:text-inherit",
-                  a ? "[&_p]:my-0" : "[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-6",
+                  // Paragraphs share the list items' size/weight/leading — only the
+                  // block spacing differs between minimal and default preview
+                  a ? "[&_p]:my-0 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5" : "[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5",
                   o ? "[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0" : "[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0",
                   o ? "[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0" : "[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0",
                   // Separate consecutive lists (a blank line in the source starts a new list)
@@ -208,7 +211,7 @@ const Z = $(async () => {
         "button",
         {
           type: "button",
-          onClick: () => g((l) => !l),
+          onClick: () => y((l) => !l),
           className: "inline-flex items-center gap-1 text-primary-600 dark:text-primary-400 font-medium text-sm",
           children: [
             u ? N : w,

package/dist/components/forms/md-input/MarkdownPreview.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownPreview.es.js","sources":["../../../../src/components/forms/md-input/MarkdownPreview.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport { forwardRef, lazy, Suspense, useEffect, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport rehypeRaw from \"rehype-raw\";\nimport { remarkSplitRestartedLists } from \"./remarkSplitRestartedLists\";\n\n// react-syntax-highlighter is an OPTIONAL peer dependency. Load it (and its\n// Prism theme) lazily via dynamic import so it is only fetched when a highlighted\n// code block is actually rendered. This keeps it out of every consumer's main\n// bundle, lets it tree-shake away entirely when MarkdownPreview is unused, and\n// means consumers that never render markdown code blocks don't need to install\n// it at all (a bare static import would force every consumer to provide it).\nconst LazyCodeBlock = lazy(async () => {\n const [{ Prism }, { vscDarkPlus }] = await Promise.all([\n import(\"react-syntax-highlighter\"),\n import(\"react-syntax-highlighter/dist/esm/styles/prism\"),\n ]);\n const CodeBlock = ({ language, value }: { language: string; value: string }) => (\n <Prism\n language={language}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n style={vscDarkPlus as any}\n customStyle={{\n margin: 0,\n padding: \"1rem\",\n fontSize: \"0.875rem\",\n lineHeight: \"1.5\",\n background: \"transparent\",\n }}\n wrapLongLines\n >\n {value}\n </Prism>\n );\n return { default: CodeBlock };\n});\n\n/*\n Props for the MarkdownPreview component\n /\nexport interface MarkdownPreviewProps {\n /* Markdown content to display /\n content: string;\n /* Additional CSS classes for the wrapper container /\n className?: string;\n /* Link target behavior: '_blank' for new tab, '_self' for current tab /\n linkTarget?: \"_blank\" \| \"_self\";\n /* Whether to show syntax highlighting for code blocks /\n enableSyntaxHighlighting?: boolean;\n /* Whether to remove indentation from lists and align all content to the left /\n noIndent?: boolean;\n /* Whether to display all content with uniform font size/weight (paragraph-like) while keeping formatting /\n showMinimalPreview?: boolean;\n /* Whether to accept and render advanced content (code blocks, blockquotes, tables, images) /\n acceptAdvanceContent?: boolean;\n /* Whether to show an animated Show more/Show less toggle /\n enableCollapsible?: boolean;\n /* Collapsed preview height in pixels when collapsible mode is enabled /\n collapsedHeight?: number;\n /* Label for the expand action /\n expandLabel?: string;\n /* Label for the collapse action /\n collapseLabel?: string;\n /* Expand/collapse animation duration in milliseconds /\n animationDurationMs?: number;\n}\n\n/\n MarkdownPreview component displays rendered markdown content.\n \n Supported Markdown Features:\n * - Headings (H1-H6)\n * - Text formatting (bold, italic, underline, strikethrough)\n * - Lists (bullet and numbered)\n * - Code blocks with syntax highlighting\n * - Inline code\n * - Block quotes\n * - Links with configurable target\n * - Images (responsive)\n * - Tables\n * - Horizontal rules\n \n Features:\n * - GFM (GitHub Flavored Markdown) support\n * - HTML support via rehype-raw\n * - Syntax highlighting for code blocks\n * - Responsive images\n * - Dark mode support\n * - Configurable link behavior\n * - Optional no-indent mode for aligned content\n * - Minimal preview mode (uniform typography)\n * - Toggle advanced content (code blocks, blockquotes, tables, images)\n \n @example\n * ```tsx\n * <MarkdownPreview\n * content=\"# Hello World\\n\\nThis is bold text.\"\n * linkTarget=\"_blank\"\n * noIndent={false}\n * showMinimalPreview={false}\n * acceptAdvanceContent={true}\n * />\n * ```\n /\nexport const MarkdownPreview = forwardRef<HTMLDivElement, MarkdownPreviewProps>(\n (\n {\n content,\n className,\n linkTarget = \"_blank\",\n enableSyntaxHighlighting = true,\n noIndent = false,\n showMinimalPreview = false,\n acceptAdvanceContent = true,\n enableCollapsible = false,\n collapsedHeight = 180,\n expandLabel = \"Show more\",\n collapseLabel = \"Show less\",\n animationDurationMs = 300,\n },\n ref\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const [isExpanded, setIsExpanded] = useState(false);\n const [contentHeight, setContentHeight] = useState(0);\n const [isOverflowing, setIsOverflowing] = useState(false);\n\n useEffect(() => {\n if (!enableCollapsible \|\| !contentRef.current) {\n return;\n }\n\n const element = contentRef.current;\n\n const measureContent = () => {\n const measuredHeight = element.scrollHeight;\n setContentHeight(measuredHeight);\n const hasOverflow = measuredHeight > collapsedHeight;\n setIsOverflowing(hasOverflow);\n if (!hasOverflow) {\n setIsExpanded(false);\n }\n };\n\n measureContent();\n\n const resizeObserver = new ResizeObserver(() => {\n measureContent();\n });\n\n resizeObserver.observe(element);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [content, enableCollapsible, collapsedHeight]);\n\n const showToggle = enableCollapsible && isOverflowing;\n const animatedMaxHeight = showToggle\n ? isExpanded\n ? contentHeight\n : collapsedHeight\n : undefined;\n\n return (\n <div ref={ref} className=\"w-full\">\n <div\n className={cn(showToggle ? \"relative overflow-hidden\" : \"\")}\n style={\n showToggle\n ? {\n maxHeight: `${animatedMaxHeight}px`,\n transition: `max-height ${animationDurationMs}ms ease`,\n }\n : undefined\n }\n >\n <div\n ref={contentRef}\n className={cn(\n \"markdown-preview prose prose-sm dark:prose-invert max-w-none\",\n \"font-inter font-medium text-sm leading-5\",\n showMinimalPreview\n ? \"[&_h1]:text-sm [&_h1]:font-medium [&_h1]:my-0 [&_h1]:leading-5 [&_h1]:text-inherit\"\n : \"[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:my-1 [&_h1]:leading-7 [&_h1]:text-inherit\",\n showMinimalPreview\n ? \"[&_h2]:text-sm [&_h2]:font-medium [&_h2]:my-0 [&_h2]:leading-5 [&_h2]:text-inherit\"\n : \"[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-7 [&_h2]:text-inherit\",\n showMinimalPreview\n ? \"[&_h3]:text-sm [&_h3]:font-medium [&_h3]:my-0 [&_h3]:leading-5 [&_h3]:text-inherit\"\n : \"[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-6 [&_h3]:text-inherit\",\n \"[&_h4]:text-inherit [&_h5]:text-inherit [&_h6]:text-inherit\",\n showMinimalPreview\n ? \"[&_p]:my-0\"\n : \"[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-6\",\n showMinimalPreview\n ? noIndent\n ? \"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0\"\n : \"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0\"\n : noIndent\n ? \"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0\"\n : \"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0\",\n showMinimalPreview\n ? noIndent\n ? \"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0\"\n : \"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0\"\n : noIndent\n ? \"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0\"\n : \"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0\",\n // Separate consecutive lists (a blank line in the source starts a new list)\n \"[&_ol+ol]:mt-2 [&_ul+ul]:mt-2 [&_ol+ul]:mt-2 [&_ul+ol]:mt-2\",\n \"[&_li]:mt-0 [&_li]:mb-0 [&_li]:text-sm [&_li]:font-medium [&_li]:leading-5 [&_li::marker]:text-inherit\",\n // Loose lists (any blank line between items) wrap each item's content\n // in a <p>; strip its margins so item spacing matches a tight list\n \"[&_li>p]:my-0 [&_li>p]:text-sm [&_li>p]:font-medium [&_li>p]:leading-5\",\n noIndent ? \"[&_li]:pl-0\" : \"\",\n \"[&_li:has(input[type='checkbox'])]:list-none\",\n noIndent\n ? \"[&_li:has(input[type='checkbox'])]:pl-0 [&_li:has(input[type='checkbox'])]:-ml-4.5\"\n : \"[&_li:has(input[type='checkbox'])]:-ml-4.5\",\n \"[&_li>input[type='checkbox']]:mr-2 [&_li>input[type='checkbox']]:w-[11px] [&_li>input[type='checkbox']]:h-[11px]\",\n acceptAdvanceContent\n ? \"[&_blockquote]:border-l-4 [&_blockquote]:border-neutral-300 [&_blockquote]:dark:border-neutral-600\"\n : \"[&_blockquote]:border-0\",\n acceptAdvanceContent && showMinimalPreview\n ? noIndent\n ? \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-0 [&_blockquote]:text-sm [&_blockquote]:font-medium\"\n : \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-4 [&_blockquote]:text-sm [&_blockquote]:font-medium\"\n : acceptAdvanceContent\n ? noIndent\n ? \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-0\"\n : \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-4\"\n : \"[&_blockquote]:pl-0 [&_blockquote]:py-0 [&_blockquote]:not-italic [&_blockquote]:my-0\",\n \"[&_a]:text-primary-600 [&_a]:dark:text-primary-400 [&_a]:underline\",\n \"[&_strong]:font-semibold [&_em]:italic [&_u]:underline [&_del]:line-through\",\n acceptAdvanceContent\n ? \"[&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:my-1\"\n : \"[&_img]:hidden\",\n acceptAdvanceContent\n ? \"[&_table]:w-full [&_table]:border-collapse [&_table]:my-1\"\n : \"[&_table]:block [&_table]:border-0 [&_table]:my-0\",\n acceptAdvanceContent\n ? \"[&_th]:border [&_th]:border-neutral-300 [&_th]:dark:border-neutral-600\"\n : \"[&_th]:border-0\",\n acceptAdvanceContent\n ? \"[&_th]:px-3 [&_th]:py-2 [&_th]:bg-neutral-50 [&_th]:dark:bg-neutral-800\"\n : \"[&_th]:px-0 [&_th]:py-0 [&_th]:bg-transparent\",\n acceptAdvanceContent\n ? \"[&_th]:font-semibold [&_th]:text-left\"\n : \"[&_th]:font-normal [&_th]:inline [&_th]:after:content-['_']\",\n acceptAdvanceContent\n ? \"[&_td]:border [&_td]:border-neutral-300 [&_td]:dark:border-neutral-600\"\n : \"[&_td]:border-0\",\n acceptAdvanceContent\n ? \"[&_td]:px-3 [&_td]:py-2\"\n : \"[&_td]:px-0 [&_td]:py-0 [&_td]:inline [&_td]:after:content-['_']\",\n acceptAdvanceContent\n ? \"[&_hr]:my-1 [&_hr]:border-neutral-300 [&_hr]:dark:border-neutral-600\"\n : \"[&_hr]:hidden\",\n \"text-[#101828] dark:text-neutral-100\",\n className\n )}\n >\n <ReactMarkdown\n remarkPlugins={[remarkGfm, remarkSplitRestartedLists]}\n rehypePlugins={[rehypeRaw]}\n components={{\n a({ children, href, ...props }) {\n return (\n <a\n href={href}\n target={linkTarget}\n rel={\n linkTarget === \"_blank\"\n ? \"noopener noreferrer\"\n : undefined\n }\n {...props}\n >\n {children}\n </a>\n );\n },\n img({ src, alt, ...props }) {\n return (\n <img\n src={src}\n alt={alt}\n className=\"max-w-full h-auto rounded-lg my-3\"\n loading=\"lazy\"\n {...props}\n />\n );\n },\n code({ className, children, ...props }) {\n const match = /language-(\\w+)/.exec(className \|\| \"\");\n const isInline = !className \|\| !match;\n const language = match ? match[1] : \"text\";\n\n if (!isInline && !acceptAdvanceContent) {\n return (\n <span\n className=\"whitespace-pre-wrap text-sm font-medium leading-5\"\n style={{ fontFamily: \"inherit\", fontWeight: \"normal\" }}\n >\n {children}\n </span>\n );\n }\n\n if (\n !isInline &&\n enableSyntaxHighlighting &&\n acceptAdvanceContent\n ) {\n return (\n <div className=\"relative my-3 rounded-lg overflow-hidden\">\n <div className=\"flex items-center justify-between px-4 py-2 bg-[#2D2D2D] dark:bg-[#161B22] border-b border-[#3E3E3E] dark:border-[#21262D]\">\n <span className=\"text-xs font-mono text-neutral-400 dark:text-neutral-500 uppercase\">\n {language}\n </span>\n </div>\n <div className=\"bg-[#1E1E1E] dark:bg-[#0D1117]\">\n <Suspense\n fallback={\n <pre\n style={{\n margin: 0,\n padding: \"1rem\",\n fontSize: \"0.875rem\",\n lineHeight: \"1.5\",\n background: \"transparent\",\n whiteSpace: \"pre-wrap\",\n }}\n >\n {String(children).replace(/\\n$/, \"\")}\n </pre>\n }\n >\n <LazyCodeBlock\n language={language}\n value={String(children).replace(/\\n$/, \"\")}\n />\n </Suspense>\n </div>\n </div>\n );\n }\n\n return (\n <code\n className={cn(\n className,\n acceptAdvanceContent\n ? \"bg-neutral-100 dark:bg-neutral-800 px-1.5 py-0.5 rounded font-mono text-[#101828] dark:text-neutral-200\"\n : \"font-inherit text-sm leading-5 font-medium bg-transparent px-0 py-0\"\n )}\n {...props}\n >\n {children}\n </code>\n );\n },\n }}\n >\n {content \|\| \"No content to display*\"}\n </ReactMarkdown>\n </div>\n\n {showToggle && !isExpanded && (\n <div\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-14 bg-gradient-to-t from-white via-white/80 to-transparent dark:from-black-700 dark:via-black-700/80 dark:to-transparent\"\n />\n )}\n </div>\n\n {showToggle && (\n <div className=\"mt-2 flex justify-center items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => setIsExpanded((prev) => !prev)}\n className=\"inline-flex items-center gap-1 text-primary-600 dark:text-primary-400 font-medium text-sm\"\n >\n {isExpanded ? collapseLabel : expandLabel}\n <span\n className={cn(\n \"inline-flex transition-transform duration-300\",\n !isExpanded ? \"rotate-180\" : \"rotate-0\"\n )}\n >\n <svg\n width=\"8\"\n height=\"5\"\n viewBox=\"0 0 8 5\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.14167 4.19465L3.72833 1.60798L6.315 4.19465C6.575 4.45465 6.995 4.45465 7.255 4.19465C7.515 3.93465 7.515 3.51465 7.255 3.25465L4.195 0.194649C3.935 -0.0653515 3.515 -0.0653515 3.255 0.194649L0.195 3.25465C-0.065 3.51465 -0.065 3.93465 0.195 4.19465C0.455 4.44798 0.881667 4.45465 1.14167 4.19465Z\"\n fill=\"currentColor\"\n />\n </svg>\n </span>\n </button>\n </div>\n )}\n </div>\n );\n }\n);\n\nMarkdownPreview.displayName = \"MarkdownPreview\";\n"],"names":["LazyCodeBlock","lazy","Prism","vscDarkPlus","language","value","jsx","MarkdownPreview","forwardRef","content","className","linkTarget","enableSyntaxHighlighting","noIndent","showMinimalPreview","acceptAdvanceContent","enableCollapsible","collapsedHeight","expandLabel","collapseLabel","animationDurationMs","ref","contentRef","useRef","isExpanded","setIsExpanded","useState","contentHeight","setContentHeight","isOverflowing","setIsOverflowing","useEffect","element","measureContent","measuredHeight","hasOverflow","resizeObserver","showToggle","animatedMaxHeight","jsxs","cn","ReactMarkdown","remarkGfm","remarkSplitRestartedLists","rehypeRaw","children","href","props","src","alt","match","isInline","Suspense","prev"],"mappings":";;;;;;;AAaA,MAAMA,IAAgBC,EAAK,YAAY;AACrC,QAAM,CAAC,EAAE,OAAAC,KAAS,EAAE,aAAAC,GAAa,IAAI,MAAM,QAAQ,IAAI;AAAA,IACrD,OAAO,0BAA0B;AAAA,IACjC,OAAO,gDAAgD;AAAA,EAAA,CACxD;AAkBD,SAAO,EAAE,SAjBS,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAC7B,gBAAAC;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,UAAAE;AAAA,MAEA,OAAOD;AAAA,MACP,aAAa;AAAA,QACX,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,MAAA;AAAA,MAEd,eAAa;AAAA,MAEZ,UAAAE;AAAA,IAAA;AAAA,EAAA,EAGa;AACpB,CAAC,GAqEYE,IAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,0BAAAC,IAA2B;AAAA,IAC3B,UAAAC,IAAW;AAAA,IACX,oBAAAC,IAAqB;AAAA,IACrB,sBAAAC,IAAuB;AAAA,IACvB,mBAAAC,IAAoB;AAAA,IACpB,iBAAAC,IAAkB;AAAA,IAClB,aAAAC,IAAc;AAAA,IACd,eAAAC,IAAgB;AAAA,IAChB,qBAAAC,IAAsB;AAAA,EAAA,GAExBC,MACG;AACH,UAAMC,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,CAAC,GAC9C,CAACG,GAAeC,CAAgB,IAAIJ,EAAS,EAAK;AAExD,IAAAK,EAAU,MAAM;AACd,UAAI,CAACf,KAAqB,CAACM,EAAW;AACpC;AAGF,YAAMU,IAAUV,EAAW,SAErBW,IAAiB,MAAM;AAC3B,cAAMC,IAAiBF,EAAQ;AAC/B,QAAAJ,EAAiBM,CAAc;AAC/B,cAAMC,IAAcD,IAAiBjB;AACrC,QAAAa,EAAiBK,CAAW,GACvBA,KACHV,EAAc,EAAK;AAAA,MAEvB;AAEA,MAAAQ,EAAA;AAEA,YAAMG,IAAiB,IAAI,eAAe,MAAM;AAC9C,QAAAH,EAAA;AAAA,MACF,CAAC;AAED,aAAAG,EAAe,QAAQJ,CAAO,GAEvB,MAAM;AACX,QAAAI,EAAe,WAAA;AAAA,MACjB;AAAA,IACF,GAAG,CAAC3B,GAASO,GAAmBC,CAAe,CAAC;AAEhD,UAAMoB,IAAarB,KAAqBa,GAClCS,IAAoBD,IACtBb,IACEG,IACAV,IACF;AAEJ,WACE,gBAAAsB,EAAC,OAAA,EAAI,KAAAlB,GAAU,WAAU,UACvB,UAAA;AAAA,MAAA,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAGH,IAAa,6BAA6B,EAAE;AAAA,UAC1D,OACEA,IACI;AAAA,YACE,WAAW,GAAGC,CAAiB;AAAA,YAC/B,YAAY,cAAclB,CAAmB;AAAA,UAAA,IAE/C;AAAA,UAGN,UAAA;AAAA,YAAA,gBAAAd;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKgB;AAAA,gBACL,WAAWkB;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA1B,IACI,uFACA;AAAA,kBACJA,IACI,uFACA;AAAA,kBACJA,IACI,uFACA;AAAA,kBACJ;AAAA,kBACAA,IACI,eACA;AAAA,kBAEAD,IACE,0EACA;AAAA,kBAKFA,IACE,6EACA;AAAA;AAAA,kBAKN;AAAA,kBACA;AAAA;AAAA;AAAA,kBAGA;AAAA,kBACAA,IAAW,gBAAgB;AAAA,kBAC3B;AAAA,kBACAA,IACI,uFACA;AAAA,kBACJ;AAAA,kBACAE,IACI,uGACA;AAAA,kBACJA,KAAwBD,IACpBD,IACE,qLACA,qLACFE,IACEF,IACE,mIACA,mIACF;AAAA,kBACN;AAAA,kBACA;AAAA,kBACAE,IACI,sEACA;AAAA,kBACJA,IACI,8DACA;AAAA,kBACJA,IACI,2EACA;AAAA,kBACJA,IACI,4EACA;AAAA,kBACJA,IACI,0CACA;AAAA,kBACJA,IACI,2EACA;AAAA,kBACJA,IACI,4BACA;AAAA,kBACJA,IACI,yEACA;AAAA,kBACJ;AAAA,kBACAL;AAAA,gBAAA;AAAA,gBAGF,UAAA,gBAAAJ;AAAA,kBAACmC;AAAA,kBAAA;AAAA,oBACC,eAAe,CAACC,GAAWC,CAAyB;AAAA,oBACpD,eAAe,CAACC,CAAS;AAAA,oBACzB,YAAY;AAAA,sBACV,EAAE,EAAE,UAAAC,GAAU,MAAAC,GAAM,GAAGC,KAAS;AAC9B,+BACE,gBAAAzC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,MAAAwC;AAAA,4BACA,QAAQnC;AAAA,4BACR,KACEA,MAAe,WACX,wBACA;AAAA,4BAEL,GAAGoC;AAAA,4BAEH,UAAAF;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAGP;AAAA,sBACA,IAAI,EAAE,KAAAG,GAAK,KAAAC,GAAK,GAAGF,KAAS;AAC1B,+BACE,gBAAAzC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,KAAA0C;AAAA,4BACA,KAAAC;AAAA,4BACA,WAAU;AAAA,4BACV,SAAQ;AAAA,4BACP,GAAGF;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAGV;AAAA,sBACA,KAAK,EAAE,WAAArC,GAAW,UAAAmC,GAAU,GAAGE,KAAS;AACtC,8BAAMG,IAAQ,iBAAiB,KAAKxC,KAAa,EAAE,GAC7CyC,IAAW,CAACzC,KAAa,CAACwC,GAC1B9C,IAAW8C,IAAQA,EAAM,CAAC,IAAI;AAEpC,+BAAI,CAACC,KAAY,CAACpC,IAEd,gBAAAT;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BACV,OAAO,EAAE,YAAY,WAAW,YAAY,SAAA;AAAA,4BAE3C,UAAAuC;AAAA,0BAAA;AAAA,wBAAA,IAML,CAACM,KACDvC,KACAG,IAGE,gBAAAwB,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,0BAAA,gBAAAjC,EAAC,OAAA,EAAI,WAAU,8HACb,UAAA,gBAAAA,EAAC,UAAK,WAAU,sEACb,aACH,EAAA,CACF;AAAA,0BACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA,gBAAAA;AAAA,4BAAC8C;AAAA,4BAAA;AAAA,8BACC,UACE,gBAAA9C;AAAA,gCAAC;AAAA,gCAAA;AAAA,kCACC,OAAO;AAAA,oCACL,QAAQ;AAAA,oCACR,SAAS;AAAA,oCACT,UAAU;AAAA,oCACV,YAAY;AAAA,oCACZ,YAAY;AAAA,oCACZ,YAAY;AAAA,kCAAA;AAAA,kCAGb,UAAA,OAAOuC,CAAQ,EAAE,QAAQ,OAAO,EAAE;AAAA,gCAAA;AAAA,8BAAA;AAAA,8BAIvC,UAAA,gBAAAvC;AAAA,gCAACN;AAAA,gCAAA;AAAA,kCACC,UAAAI;AAAA,kCACA,OAAO,OAAOyC,CAAQ,EAAE,QAAQ,OAAO,EAAE;AAAA,gCAAA;AAAA,8BAAA;AAAA,4BAC3C;AAAA,0BAAA,EACF,CACF;AAAA,wBAAA,GACF,IAKF,gBAAAvC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAWkC;AAAA,8BACT9B;AAAAA,8BACAK,IACI,4GACA;AAAA,4BAAA;AAAA,4BAEL,GAAGgC;AAAA,4BAEH,UAAAF;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAGP;AAAA,oBAAA;AAAA,oBAGD,UAAApC,KAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAGD4B,KAAc,CAACb,KACd,gBAAAlB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAIH+B,KACC,gBAAA/B,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA,gBAAAiC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAMd,EAAc,CAAC4B,MAAS,CAACA,CAAI;AAAA,UAC5C,WAAU;AAAA,UAET,UAAA;AAAA,YAAA7B,IAAaL,IAAgBD;AAAA,YAC9B,gBAAAZ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWkC;AAAA,kBACT;AAAA,kBACChB,IAA4B,aAAf;AAAA,gBAAe;AAAA,gBAG/B,UAAA,gBAAAlB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAM;AAAA,oBACN,QAAO;AAAA,oBACP,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,OAAM;AAAA,oBAEN,UAAA,gBAAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,GAAE;AAAA,wBACF,MAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACP;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAC,EAAgB,cAAc;"}
1	+ {"version":3,"file":"MarkdownPreview.es.js","sources":["../../../../src/components/forms/md-input/MarkdownPreview.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport { forwardRef, lazy, Suspense, useEffect, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport rehypeRaw from \"rehype-raw\";\nimport { remarkSplitRestartedLists } from \"./remarkSplitRestartedLists\";\nimport \"./styles.css\";\n\n// react-syntax-highlighter is an OPTIONAL peer dependency. Load it (and its\n// Prism theme) lazily via dynamic import so it is only fetched when a highlighted\n// code block is actually rendered. This keeps it out of every consumer's main\n// bundle, lets it tree-shake away entirely when MarkdownPreview is unused, and\n// means consumers that never render markdown code blocks don't need to install\n// it at all (a bare static import would force every consumer to provide it).\nconst LazyCodeBlock = lazy(async () => {\n const [{ Prism }, { vscDarkPlus }] = await Promise.all([\n import(\"react-syntax-highlighter\"),\n import(\"react-syntax-highlighter/dist/esm/styles/prism\"),\n ]);\n const CodeBlock = ({ language, value }: { language: string; value: string }) => (\n <Prism\n language={language}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n style={vscDarkPlus as any}\n customStyle={{\n margin: 0,\n padding: \"1rem\",\n fontSize: \"0.875rem\",\n lineHeight: \"1.5\",\n background: \"transparent\",\n }}\n wrapLongLines\n >\n {value}\n </Prism>\n );\n return { default: CodeBlock };\n});\n\n/*\n Props for the MarkdownPreview component\n /\nexport interface MarkdownPreviewProps {\n /* Markdown content to display /\n content: string;\n /* Additional CSS classes for the wrapper container /\n className?: string;\n /* Link target behavior: '_blank' for new tab, '_self' for current tab /\n linkTarget?: \"_blank\" \| \"_self\";\n /* Whether to show syntax highlighting for code blocks /\n enableSyntaxHighlighting?: boolean;\n /* Whether to remove indentation from lists and align all content to the left /\n noIndent?: boolean;\n /* Whether to display all content with uniform font size/weight (paragraph-like) while keeping formatting /\n showMinimalPreview?: boolean;\n /* Whether to accept and render advanced content (code blocks, blockquotes, tables, images) /\n acceptAdvanceContent?: boolean;\n /* Whether to show an animated Show more/Show less toggle /\n enableCollapsible?: boolean;\n /* Collapsed preview height in pixels when collapsible mode is enabled /\n collapsedHeight?: number;\n /* Label for the expand action /\n expandLabel?: string;\n /* Label for the collapse action /\n collapseLabel?: string;\n /* Expand/collapse animation duration in milliseconds /\n animationDurationMs?: number;\n}\n\n/\n MarkdownPreview component displays rendered markdown content.\n \n Supported Markdown Features:\n * - Headings (H1-H6)\n * - Text formatting (bold, italic, underline, strikethrough)\n * - Lists (bullet and numbered)\n * - Code blocks with syntax highlighting\n * - Inline code\n * - Block quotes\n * - Links with configurable target\n * - Images (responsive)\n * - Tables\n * - Horizontal rules\n \n Features:\n * - GFM (GitHub Flavored Markdown) support\n * - HTML support via rehype-raw\n * - Syntax highlighting for code blocks\n * - Responsive images\n * - Dark mode support\n * - Configurable link behavior\n * - Optional no-indent mode for aligned content\n * - Minimal preview mode (uniform typography)\n * - Toggle advanced content (code blocks, blockquotes, tables, images)\n \n @example\n * ```tsx\n * <MarkdownPreview\n * content=\"# Hello World\\n\\nThis is bold text.\"\n * linkTarget=\"_blank\"\n * noIndent={false}\n * showMinimalPreview={false}\n * acceptAdvanceContent={true}\n * />\n * ```\n /\nexport const MarkdownPreview = forwardRef<HTMLDivElement, MarkdownPreviewProps>(\n (\n {\n content,\n className,\n linkTarget = \"_blank\",\n enableSyntaxHighlighting = true,\n noIndent = false,\n showMinimalPreview = false,\n acceptAdvanceContent = true,\n enableCollapsible = false,\n collapsedHeight = 180,\n expandLabel = \"Show more\",\n collapseLabel = \"Show less\",\n animationDurationMs = 300,\n },\n ref\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const [isExpanded, setIsExpanded] = useState(false);\n const [contentHeight, setContentHeight] = useState(0);\n const [isOverflowing, setIsOverflowing] = useState(false);\n\n useEffect(() => {\n if (!enableCollapsible \|\| !contentRef.current) {\n return;\n }\n\n const element = contentRef.current;\n\n const measureContent = () => {\n const measuredHeight = element.scrollHeight;\n setContentHeight(measuredHeight);\n const hasOverflow = measuredHeight > collapsedHeight;\n setIsOverflowing(hasOverflow);\n if (!hasOverflow) {\n setIsExpanded(false);\n }\n };\n\n measureContent();\n\n const resizeObserver = new ResizeObserver(() => {\n measureContent();\n });\n\n resizeObserver.observe(element);\n\n return () => {\n resizeObserver.disconnect();\n };\n }, [content, enableCollapsible, collapsedHeight]);\n\n const showToggle = enableCollapsible && isOverflowing;\n const animatedMaxHeight = showToggle\n ? isExpanded\n ? contentHeight\n : collapsedHeight\n : undefined;\n\n return (\n <div ref={ref} className=\"w-full\">\n <div\n className={cn(showToggle ? \"relative overflow-hidden\" : \"\")}\n style={\n showToggle\n ? {\n maxHeight: `${animatedMaxHeight}px`,\n transition: `max-height ${animationDurationMs}ms ease`,\n }\n : undefined\n }\n >\n <div\n ref={contentRef}\n className={cn(\n \"markdown-preview prose prose-sm dark:prose-invert max-w-none\",\n \"font-inter font-medium text-sm leading-5\",\n showMinimalPreview\n ? \"[&_h1]:text-sm [&_h1]:font-medium [&_h1]:my-0 [&_h1]:leading-5 [&_h1]:text-inherit\"\n : \"[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:my-1 [&_h1]:leading-7 [&_h1]:text-inherit\",\n showMinimalPreview\n ? \"[&_h2]:text-sm [&_h2]:font-medium [&_h2]:my-0 [&_h2]:leading-5 [&_h2]:text-inherit\"\n : \"[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-7 [&_h2]:text-inherit\",\n showMinimalPreview\n ? \"[&_h3]:text-sm [&_h3]:font-medium [&_h3]:my-0 [&_h3]:leading-5 [&_h3]:text-inherit\"\n : \"[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-6 [&_h3]:text-inherit\",\n \"[&_h4]:text-inherit [&_h5]:text-inherit [&_h6]:text-inherit\",\n // Paragraphs share the list items' size/weight/leading — only the\n // block spacing differs between minimal and default preview\n showMinimalPreview\n ? \"[&_p]:my-0 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5\"\n : \"[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5\",\n showMinimalPreview\n ? noIndent\n ? \"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0\"\n : \"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0\"\n : noIndent\n ? \"[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0\"\n : \"[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-0 [&_ul]:my-0\",\n showMinimalPreview\n ? noIndent\n ? \"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0\"\n : \"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0\"\n : noIndent\n ? \"[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0\"\n : \"[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-0 [&_ol]:my-0\",\n // Separate consecutive lists (a blank line in the source starts a new list)\n \"[&_ol+ol]:mt-2 [&_ul+ul]:mt-2 [&_ol+ul]:mt-2 [&_ul+ol]:mt-2\",\n \"[&_li]:mt-0 [&_li]:mb-0 [&_li]:text-sm [&_li]:font-medium [&_li]:leading-5 [&_li::marker]:text-inherit\",\n // Loose lists (any blank line between items) wrap each item's content\n // in a <p>; strip its margins so item spacing matches a tight list\n \"[&_li>p]:my-0 [&_li>p]:text-sm [&_li>p]:font-medium [&_li>p]:leading-5\",\n noIndent ? \"[&_li]:pl-0\" : \"\",\n \"[&_li:has(input[type='checkbox'])]:list-none\",\n noIndent\n ? \"[&_li:has(input[type='checkbox'])]:pl-0 [&_li:has(input[type='checkbox'])]:-ml-4.5\"\n : \"[&_li:has(input[type='checkbox'])]:-ml-4.5\",\n \"[&_li>input[type='checkbox']]:mr-2 [&_li>input[type='checkbox']]:w-[11px] [&_li>input[type='checkbox']]:h-[11px]\",\n acceptAdvanceContent\n ? \"[&_blockquote]:border-l-4 [&_blockquote]:border-neutral-300 [&_blockquote]:dark:border-neutral-600\"\n : \"[&_blockquote]:border-0\",\n acceptAdvanceContent && showMinimalPreview\n ? noIndent\n ? \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-0 [&_blockquote]:text-sm [&_blockquote]:font-medium\"\n : \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-4 [&_blockquote]:text-sm [&_blockquote]:font-medium\"\n : acceptAdvanceContent\n ? noIndent\n ? \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-0\"\n : \"[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-4\"\n : \"[&_blockquote]:pl-0 [&_blockquote]:py-0 [&_blockquote]:not-italic [&_blockquote]:my-0\",\n \"[&_a]:text-primary-600 [&_a]:dark:text-primary-400 [&_a]:underline\",\n \"[&_strong]:font-semibold [&_em]:italic [&_u]:underline [&_del]:line-through\",\n acceptAdvanceContent\n ? \"[&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:my-1\"\n : \"[&_img]:hidden\",\n acceptAdvanceContent\n ? \"[&_table]:w-full [&_table]:border-collapse [&_table]:my-1\"\n : \"[&_table]:block [&_table]:border-0 [&_table]:my-0\",\n acceptAdvanceContent\n ? \"[&_th]:border [&_th]:border-neutral-300 [&_th]:dark:border-neutral-600\"\n : \"[&_th]:border-0\",\n acceptAdvanceContent\n ? \"[&_th]:px-3 [&_th]:py-2 [&_th]:bg-neutral-50 [&_th]:dark:bg-neutral-800\"\n : \"[&_th]:px-0 [&_th]:py-0 [&_th]:bg-transparent\",\n acceptAdvanceContent\n ? \"[&_th]:font-semibold [&_th]:text-left\"\n : \"[&_th]:font-normal [&_th]:inline [&_th]:after:content-['_']\",\n acceptAdvanceContent\n ? \"[&_td]:border [&_td]:border-neutral-300 [&_td]:dark:border-neutral-600\"\n : \"[&_td]:border-0\",\n acceptAdvanceContent\n ? \"[&_td]:px-3 [&_td]:py-2\"\n : \"[&_td]:px-0 [&_td]:py-0 [&_td]:inline [&_td]:after:content-['_']\",\n acceptAdvanceContent\n ? \"[&_hr]:my-1 [&_hr]:border-neutral-300 [&_hr]:dark:border-neutral-600\"\n : \"[&_hr]:hidden\",\n \"text-[#101828] dark:text-neutral-100\",\n className\n )}\n >\n <ReactMarkdown\n remarkPlugins={[remarkGfm, remarkSplitRestartedLists]}\n rehypePlugins={[rehypeRaw]}\n components={{\n a({ children, href, ...props }) {\n return (\n <a\n href={href}\n target={linkTarget}\n rel={\n linkTarget === \"_blank\"\n ? \"noopener noreferrer\"\n : undefined\n }\n {...props}\n >\n {children}\n </a>\n );\n },\n img({ src, alt, ...props }) {\n return (\n <img\n src={src}\n alt={alt}\n className=\"max-w-full h-auto rounded-lg my-3\"\n loading=\"lazy\"\n {...props}\n />\n );\n },\n code({ className, children, ...props }) {\n const match = /language-(\\w+)/.exec(className \|\| \"\");\n const isInline = !className \|\| !match;\n const language = match ? match[1] : \"text\";\n\n if (!isInline && !acceptAdvanceContent) {\n return (\n <span\n className=\"whitespace-pre-wrap text-sm font-medium leading-5\"\n style={{ fontFamily: \"inherit\", fontWeight: \"normal\" }}\n >\n {children}\n </span>\n );\n }\n\n if (\n !isInline &&\n enableSyntaxHighlighting &&\n acceptAdvanceContent\n ) {\n return (\n <div className=\"relative my-3 rounded-lg overflow-hidden\">\n <div className=\"flex items-center justify-between px-4 py-2 bg-[#2D2D2D] dark:bg-[#161B22] border-b border-[#3E3E3E] dark:border-[#21262D]\">\n <span className=\"text-xs font-mono text-neutral-400 dark:text-neutral-500 uppercase\">\n {language}\n </span>\n </div>\n <div className=\"bg-[#1E1E1E] dark:bg-[#0D1117]\">\n <Suspense\n fallback={\n <pre\n style={{\n margin: 0,\n padding: \"1rem\",\n fontSize: \"0.875rem\",\n lineHeight: \"1.5\",\n background: \"transparent\",\n whiteSpace: \"pre-wrap\",\n }}\n >\n {String(children).replace(/\\n$/, \"\")}\n </pre>\n }\n >\n <LazyCodeBlock\n language={language}\n value={String(children).replace(/\\n$/, \"\")}\n />\n </Suspense>\n </div>\n </div>\n );\n }\n\n return (\n <code\n className={cn(\n className,\n acceptAdvanceContent\n ? \"bg-neutral-100 dark:bg-neutral-800 px-1.5 py-0.5 rounded font-mono text-[#101828] dark:text-neutral-200\"\n : \"font-inherit text-sm leading-5 font-medium bg-transparent px-0 py-0\"\n )}\n {...props}\n >\n {children}\n </code>\n );\n },\n }}\n >\n {content \|\| \"No content to display*\"}\n </ReactMarkdown>\n </div>\n\n {showToggle && !isExpanded && (\n <div\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-14 bg-gradient-to-t from-white via-white/80 to-transparent dark:from-black-700 dark:via-black-700/80 dark:to-transparent\"\n />\n )}\n </div>\n\n {showToggle && (\n <div className=\"mt-2 flex justify-center items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => setIsExpanded((prev) => !prev)}\n className=\"inline-flex items-center gap-1 text-primary-600 dark:text-primary-400 font-medium text-sm\"\n >\n {isExpanded ? collapseLabel : expandLabel}\n <span\n className={cn(\n \"inline-flex transition-transform duration-300\",\n !isExpanded ? \"rotate-180\" : \"rotate-0\"\n )}\n >\n <svg\n width=\"8\"\n height=\"5\"\n viewBox=\"0 0 8 5\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.14167 4.19465L3.72833 1.60798L6.315 4.19465C6.575 4.45465 6.995 4.45465 7.255 4.19465C7.515 3.93465 7.515 3.51465 7.255 3.25465L4.195 0.194649C3.935 -0.0653515 3.515 -0.0653515 3.255 0.194649L0.195 3.25465C-0.065 3.51465 -0.065 3.93465 0.195 4.19465C0.455 4.44798 0.881667 4.45465 1.14167 4.19465Z\"\n fill=\"currentColor\"\n />\n </svg>\n </span>\n </button>\n </div>\n )}\n </div>\n );\n }\n);\n\nMarkdownPreview.displayName = \"MarkdownPreview\";\n"],"names":["LazyCodeBlock","lazy","Prism","vscDarkPlus","language","value","jsx","MarkdownPreview","forwardRef","content","className","linkTarget","enableSyntaxHighlighting","noIndent","showMinimalPreview","acceptAdvanceContent","enableCollapsible","collapsedHeight","expandLabel","collapseLabel","animationDurationMs","ref","contentRef","useRef","isExpanded","setIsExpanded","useState","contentHeight","setContentHeight","isOverflowing","setIsOverflowing","useEffect","element","measureContent","measuredHeight","hasOverflow","resizeObserver","showToggle","animatedMaxHeight","jsxs","cn","ReactMarkdown","remarkGfm","remarkSplitRestartedLists","rehypeRaw","children","href","props","src","alt","match","isInline","Suspense","prev"],"mappings":";;;;;;;;AAcA,MAAMA,IAAgBC,EAAK,YAAY;AACrC,QAAM,CAAC,EAAE,OAAAC,KAAS,EAAE,aAAAC,GAAa,IAAI,MAAM,QAAQ,IAAI;AAAA,IACrD,OAAO,0BAA0B;AAAA,IACjC,OAAO,gDAAgD;AAAA,EAAA,CACxD;AAkBD,SAAO,EAAE,SAjBS,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAC7B,gBAAAC;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,UAAAE;AAAA,MAEA,OAAOD;AAAA,MACP,aAAa;AAAA,QACX,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,MAAA;AAAA,MAEd,eAAa;AAAA,MAEZ,UAAAE;AAAA,IAAA;AAAA,EAAA,EAGa;AACpB,CAAC,GAqEYE,IAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,0BAAAC,IAA2B;AAAA,IAC3B,UAAAC,IAAW;AAAA,IACX,oBAAAC,IAAqB;AAAA,IACrB,sBAAAC,IAAuB;AAAA,IACvB,mBAAAC,IAAoB;AAAA,IACpB,iBAAAC,IAAkB;AAAA,IAClB,aAAAC,IAAc;AAAA,IACd,eAAAC,IAAgB;AAAA,IAChB,qBAAAC,IAAsB;AAAA,EAAA,GAExBC,MACG;AACH,UAAMC,IAAaC,EAAuB,IAAI,GACxC,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,CAAC,GAC9C,CAACG,GAAeC,CAAgB,IAAIJ,EAAS,EAAK;AAExD,IAAAK,EAAU,MAAM;AACd,UAAI,CAACf,KAAqB,CAACM,EAAW;AACpC;AAGF,YAAMU,IAAUV,EAAW,SAErBW,IAAiB,MAAM;AAC3B,cAAMC,IAAiBF,EAAQ;AAC/B,QAAAJ,EAAiBM,CAAc;AAC/B,cAAMC,IAAcD,IAAiBjB;AACrC,QAAAa,EAAiBK,CAAW,GACvBA,KACHV,EAAc,EAAK;AAAA,MAEvB;AAEA,MAAAQ,EAAA;AAEA,YAAMG,IAAiB,IAAI,eAAe,MAAM;AAC9C,QAAAH,EAAA;AAAA,MACF,CAAC;AAED,aAAAG,EAAe,QAAQJ,CAAO,GAEvB,MAAM;AACX,QAAAI,EAAe,WAAA;AAAA,MACjB;AAAA,IACF,GAAG,CAAC3B,GAASO,GAAmBC,CAAe,CAAC;AAEhD,UAAMoB,IAAarB,KAAqBa,GAClCS,IAAoBD,IACtBb,IACEG,IACAV,IACF;AAEJ,WACE,gBAAAsB,EAAC,OAAA,EAAI,KAAAlB,GAAU,WAAU,UACvB,UAAA;AAAA,MAAA,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC,EAAGH,IAAa,6BAA6B,EAAE;AAAA,UAC1D,OACEA,IACI;AAAA,YACE,WAAW,GAAGC,CAAiB;AAAA,YAC/B,YAAY,cAAclB,CAAmB;AAAA,UAAA,IAE/C;AAAA,UAGN,UAAA;AAAA,YAAA,gBAAAd;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAKgB;AAAA,gBACL,WAAWkB;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA1B,IACI,uFACA;AAAA,kBACJA,IACI,uFACA;AAAA,kBACJA,IACI,uFACA;AAAA,kBACJ;AAAA;AAAA;AAAA,kBAGAA,IACI,+DACA;AAAA,kBAEAD,IACE,0EACA;AAAA,kBAKFA,IACE,6EACA;AAAA;AAAA,kBAKN;AAAA,kBACA;AAAA;AAAA;AAAA,kBAGA;AAAA,kBACAA,IAAW,gBAAgB;AAAA,kBAC3B;AAAA,kBACAA,IACI,uFACA;AAAA,kBACJ;AAAA,kBACAE,IACI,uGACA;AAAA,kBACJA,KAAwBD,IACpBD,IACE,qLACA,qLACFE,IACEF,IACE,mIACA,mIACF;AAAA,kBACN;AAAA,kBACA;AAAA,kBACAE,IACI,sEACA;AAAA,kBACJA,IACI,8DACA;AAAA,kBACJA,IACI,2EACA;AAAA,kBACJA,IACI,4EACA;AAAA,kBACJA,IACI,0CACA;AAAA,kBACJA,IACI,2EACA;AAAA,kBACJA,IACI,4BACA;AAAA,kBACJA,IACI,yEACA;AAAA,kBACJ;AAAA,kBACAL;AAAA,gBAAA;AAAA,gBAGF,UAAA,gBAAAJ;AAAA,kBAACmC;AAAA,kBAAA;AAAA,oBACC,eAAe,CAACC,GAAWC,CAAyB;AAAA,oBACpD,eAAe,CAACC,CAAS;AAAA,oBACzB,YAAY;AAAA,sBACV,EAAE,EAAE,UAAAC,GAAU,MAAAC,GAAM,GAAGC,KAAS;AAC9B,+BACE,gBAAAzC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,MAAAwC;AAAA,4BACA,QAAQnC;AAAA,4BACR,KACEA,MAAe,WACX,wBACA;AAAA,4BAEL,GAAGoC;AAAA,4BAEH,UAAAF;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAGP;AAAA,sBACA,IAAI,EAAE,KAAAG,GAAK,KAAAC,GAAK,GAAGF,KAAS;AAC1B,+BACE,gBAAAzC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,KAAA0C;AAAA,4BACA,KAAAC;AAAA,4BACA,WAAU;AAAA,4BACV,SAAQ;AAAA,4BACP,GAAGF;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAGV;AAAA,sBACA,KAAK,EAAE,WAAArC,GAAW,UAAAmC,GAAU,GAAGE,KAAS;AACtC,8BAAMG,IAAQ,iBAAiB,KAAKxC,KAAa,EAAE,GAC7CyC,IAAW,CAACzC,KAAa,CAACwC,GAC1B9C,IAAW8C,IAAQA,EAAM,CAAC,IAAI;AAEpC,+BAAI,CAACC,KAAY,CAACpC,IAEd,gBAAAT;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BACV,OAAO,EAAE,YAAY,WAAW,YAAY,SAAA;AAAA,4BAE3C,UAAAuC;AAAA,0BAAA;AAAA,wBAAA,IAML,CAACM,KACDvC,KACAG,IAGE,gBAAAwB,EAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,0BAAA,gBAAAjC,EAAC,OAAA,EAAI,WAAU,8HACb,UAAA,gBAAAA,EAAC,UAAK,WAAU,sEACb,aACH,EAAA,CACF;AAAA,0BACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA,gBAAAA;AAAA,4BAAC8C;AAAA,4BAAA;AAAA,8BACC,UACE,gBAAA9C;AAAA,gCAAC;AAAA,gCAAA;AAAA,kCACC,OAAO;AAAA,oCACL,QAAQ;AAAA,oCACR,SAAS;AAAA,oCACT,UAAU;AAAA,oCACV,YAAY;AAAA,oCACZ,YAAY;AAAA,oCACZ,YAAY;AAAA,kCAAA;AAAA,kCAGb,UAAA,OAAOuC,CAAQ,EAAE,QAAQ,OAAO,EAAE;AAAA,gCAAA;AAAA,8BAAA;AAAA,8BAIvC,UAAA,gBAAAvC;AAAA,gCAACN;AAAA,gCAAA;AAAA,kCACC,UAAAI;AAAA,kCACA,OAAO,OAAOyC,CAAQ,EAAE,QAAQ,OAAO,EAAE;AAAA,gCAAA;AAAA,8BAAA;AAAA,4BAC3C;AAAA,0BAAA,EACF,CACF;AAAA,wBAAA,GACF,IAKF,gBAAAvC;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAWkC;AAAA,8BACT9B;AAAAA,8BACAK,IACI,4GACA;AAAA,4BAAA;AAAA,4BAEL,GAAGgC;AAAA,4BAEH,UAAAF;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAGP;AAAA,oBAAA;AAAA,oBAGD,UAAApC,KAAW;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACd;AAAA,YAAA;AAAA,YAGD4B,KAAc,CAACb,KACd,gBAAAlB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,MAAA;AAAA,MAIH+B,KACC,gBAAA/B,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA,gBAAAiC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAMd,EAAc,CAAC4B,MAAS,CAACA,CAAI;AAAA,UAC5C,WAAU;AAAA,UAET,UAAA;AAAA,YAAA7B,IAAaL,IAAgBD;AAAA,YAC9B,gBAAAZ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWkC;AAAA,kBACT;AAAA,kBACChB,IAA4B,aAAf;AAAA,gBAAe;AAAA,gBAG/B,UAAA,gBAAAlB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAM;AAAA,oBACN,QAAO;AAAA,oBACP,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,OAAM;AAAA,oBAEN,UAAA,gBAAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,GAAE;AAAA,wBACF,MAAK;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACP;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAC,EAAgB,cAAc;"}

package/dist/design-system.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--lax-form-focus-border: var(--color-primary-600);--lax-form-focus-shadow: 0 0 0 3px var(--color-primary-100)}.dark{--lax-form-focus-border: var(--color-primary-400);--lax-form-focus-shadow: 0 0 0 3px var(--color-primary-950)}input:where([type=text],[type=email],[type=password],[type=number],[type=search],[type=date],[type=time],[type=datetime-local],[type=url],[type=tel],[type=color]):focus,textarea:focus,select:focus,[contenteditable=true]:focus{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.ant-select-focused .ant-select-selector,.ant-picker-focused,.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus-within,.ant-input-number-focused,.ant-input-number:focus-within,.ant-input:focus{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.ant-checkbox-input:focus-visible+.ant-checkbox-inner{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-select__control--is-focused{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.peer:focus-visible+.lax-toggle-track{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-form-trigger:focus-visible{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-tooltip-body-important-whitespace{white-space:var(--lax-tooltip-white-space, initial)!important;overflow-wrap:break-word!important}.ant-select-selector{padding-left:6px!important}.select-field-emphasis-modified.ant-select .ant-select-selector{background-color:var(--Warning-50, #FFFAEB)!important;border-color:var(--Warning-200, #FEDF89)!important}.select-field-emphasis-modified.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Warning-50, #FFFAEB)!important;border-color:var(--Warning-200, #FEDF89)!important}.select-field-emphasis-deleted.ant-select .ant-select-selector{background-color:var(--Error-50, #FEF2F2)!important;border-color:var(--Error-200, #FECACA)!important}.select-field-emphasis-deleted.ant-select .ant-select-selector .ant-select-selection-item,.select-field-emphasis-deleted.ant-select .ant-select-selector .ant-select-selection-placeholder{color:#475467!important}.select-field-emphasis-deleted.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Error-50, #FEF2F2)!important;border-color:var(--Error-200, #FECACA)!important}.select-field-emphasis-success.ant-select .ant-select-selector{background-color:var(--Success-50, #F0FDF4)!important;border-color:var(--Success-200, #BBF7D0)!important}.select-field-emphasis-success.ant-select .ant-select-selector .ant-select-selection-item{color:#101828!important}.select-field-emphasis-success.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Success-50, #F0FDF4)!important;border-color:var(--Success-200, #BBF7D0)!important}.ant-select-selection-overflow-item-suffix,.ant-select-selection-wrap{min-height:inherit!important}.lax-popper-overlay.ant-popover{z-index:9999}.lax-popper-overlay .ant-popover-inner{background-color:#fff;border:1px solid #EAECF0;border-radius:8px;box-shadow:0 10px 30px #9e9e9e4d}.lax-popper-overlay .ant-popover-arrow:before{background-color:#fff;border:1px solid #EAECF0}.dark .lax-popper-overlay .ant-popover-inner{background-color:#1d2939;border-color:#344054;box-shadow:0 10px 30px #10101080}.dark .lax-popper-overlay .ant-popover-arrow:before{background-color:#1d2939;border-color:#344054}.Toastify__toast-container{z-index:100000}.Toastify__toast{min-height:64px;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--warning,.Toastify__toast--info{background:transparent}.Toastify__toast-body{padding:0;margin:0;color:inherit;font-size:14px;font-weight:500;line-height:1.5}.Toastify__close-button{color:inherit;opacity:.7;align-self:flex-start;background:transparent;border:none;padding:4px;margin:0;transition:opacity .2s ease}.Toastify__close-button:hover{opacity:1}.Toastify__progress-bar{background:linear-gradient(to right,#4caf50,#8bc34a,#cddc39,#ffeb3b,#ffc107,#ff9800,#ff5722)}.Toastify__progress-bar--success{background:#12b76a}.Toastify__progress-bar--error{background:#f04438}.Toastify__progress-bar--warning{background:#f79009}.Toastify__progress-bar--info{background:#016dcf}@media (prefers-color-scheme: dark){.Toastify__toast-container{background:transparent}.Toastify__toast{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}@media screen and (max-width: 640px){.Toastify__toast-container{left:1rem;right:1rem;bottom:1rem;width:auto}.Toastify__toast{margin-bottom:.5rem}}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--bottom-center{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--bottom-center{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,1,1)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}
1	+ :root{--lax-form-focus-border: var(--color-primary-600);--lax-form-focus-shadow: 0 0 0 3px var(--color-primary-100)}.dark{--lax-form-focus-border: var(--color-primary-400);--lax-form-focus-shadow: 0 0 0 3px var(--color-primary-950)}input:where([type=text],[type=email],[type=password],[type=number],[type=search],[type=date],[type=time],[type=datetime-local],[type=url],[type=tel],[type=color]):focus,textarea:focus,select:focus,[contenteditable=true]:focus{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.ant-select-focused .ant-select-selector,.ant-picker-focused,.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus-within,.ant-input-number-focused,.ant-input-number:focus-within,.ant-input:focus{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.ant-checkbox-input:focus-visible+.ant-checkbox-inner{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-select__control--is-focused{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.peer:focus-visible+.lax-toggle-track{border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-form-trigger:focus-visible{outline:none!important;border-color:var(--lax-form-focus-border)!important;box-shadow:var(--lax-form-focus-shadow)!important}.lax-tooltip-body-important-whitespace{white-space:var(--lax-tooltip-white-space, initial)!important;overflow-wrap:break-word!important}.ant-select-selector{padding-left:6px!important}.select-field-emphasis-modified.ant-select .ant-select-selector{background-color:var(--Warning-50, #FFFAEB)!important;border-color:var(--Warning-200, #FEDF89)!important}.select-field-emphasis-modified.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Warning-50, #FFFAEB)!important;border-color:var(--Warning-200, #FEDF89)!important}.select-field-emphasis-deleted.ant-select .ant-select-selector{background-color:var(--Error-50, #FEF2F2)!important;border-color:var(--Error-200, #FECACA)!important}.select-field-emphasis-deleted.ant-select .ant-select-selector .ant-select-selection-item,.select-field-emphasis-deleted.ant-select .ant-select-selector .ant-select-selection-placeholder{color:#475467!important}.select-field-emphasis-deleted.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Error-50, #FEF2F2)!important;border-color:var(--Error-200, #FECACA)!important}.select-field-emphasis-success.ant-select .ant-select-selector{background-color:var(--Success-50, #F0FDF4)!important;border-color:var(--Success-200, #BBF7D0)!important}.select-field-emphasis-success.ant-select .ant-select-selector .ant-select-selection-item{color:#101828!important}.select-field-emphasis-success.ant-select.ant-select-disabled .ant-select-selector{opacity:1!important;background-color:var(--Success-50, #F0FDF4)!important;border-color:var(--Success-200, #BBF7D0)!important}.ant-select-selection-overflow-item-suffix,.ant-select-selection-wrap{min-height:inherit!important}.lax-popper-overlay.ant-popover{z-index:9999}.lax-popper-overlay .ant-popover-inner{background-color:#fff;border:1px solid #EAECF0;border-radius:8px;box-shadow:0 10px 30px #9e9e9e4d}.lax-popper-overlay .ant-popover-arrow:before{background-color:#fff;border:1px solid #EAECF0}.dark .lax-popper-overlay .ant-popover-inner{background-color:#1d2939;border-color:#344054;box-shadow:0 10px 30px #10101080}.dark .lax-popper-overlay .ant-popover-arrow:before{background-color:#1d2939;border-color:#344054}.Toastify__toast-container{z-index:100000}.Toastify__toast{min-height:64px;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--warning,.Toastify__toast--info{background:transparent}.Toastify__toast-body{padding:0;margin:0;color:inherit;font-size:14px;font-weight:500;line-height:1.5}.Toastify__close-button{color:inherit;opacity:.7;align-self:flex-start;background:transparent;border:none;padding:4px;margin:0;transition:opacity .2s ease}.Toastify__close-button:hover{opacity:1}.Toastify__progress-bar{background:linear-gradient(to right,#4caf50,#8bc34a,#cddc39,#ffeb3b,#ffc107,#ff9800,#ff5722)}.Toastify__progress-bar--success{background:#12b76a}.Toastify__progress-bar--error{background:#f04438}.Toastify__progress-bar--warning{background:#f79009}.Toastify__progress-bar--info{background:#016dcf}@media (prefers-color-scheme: dark){.Toastify__toast-container{background:transparent}.Toastify__toast{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}@media screen and (max-width: 640px){.Toastify__toast-container{left:1rem;right:1rem;bottom:1rem;width:auto}.Toastify__toast{margin-bottom:.5rem}}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--bottom-center{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--bottom-center{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,1,1)}.markdown-preview p,.markdown-preview li{font-size:inherit;font-weight:inherit;line-height:inherit}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@lax-wp/design-system",
   "private": false,
-  "version": "0.14.13",
+  "version": "0.14.15",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",