@lindle/linoardo 1.0.22 → 1.0.24

package/dist/index.cjs

@@ -1,8 +1,14 @@
 'use strict';
 
-var React3 = require('react');
+var React4 = require('react');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@tiptap/react');
+var StarterKit = require('@tiptap/starter-kit');
+var marked = require('marked');
+var TurndownService = require('turndown');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -22,7 +28,9 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
+var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
+var TurndownService__default = /*#__PURE__*/_interopDefault(TurndownService);
 
 // src/Containment/Button/index.tsx
 
@@ -168,7 +176,7 @@ var iconOnlyIconSizeClasses = {
   large: "text-xl",
   "x-large": "text-2xl"
 };
-var Button = React3__namespace.forwardRef(
+var Button = React4__namespace.forwardRef(
   ({
     variant = "solid",
     color = "primary",
@@ -345,7 +353,7 @@ var resolveIconClassName2 = (icon) => {
   const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
   return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
 };
-var Chip = React3.forwardRef(
+var Chip = React4.forwardRef(
   ({
     variant = "solid",
     color = "primary",
@@ -462,6 +470,188 @@ var Chip = React3.forwardRef(
 );
 Chip.displayName = "Chip";
 var Chip_default = Chip;
+
+// src/Info/Badge/states.badge.ts
+var placementGeometries = {
+  "top-end": {
+    overlap: { top: 0, right: 0, translateX: "50%", translateY: "-50%" },
+    detached: { top: 0, right: 0, translateX: "50%", translateY: "-100%" }
+  },
+  "top-start": {
+    overlap: { top: 0, left: 0, translateX: "-50%", translateY: "-50%" },
+    detached: { top: 0, left: 0, translateX: "-50%", translateY: "-100%" }
+  },
+  "bottom-end": {
+    overlap: { bottom: 0, right: 0, translateX: "50%", translateY: "50%" },
+    detached: { bottom: 0, right: 0, translateX: "50%", translateY: "100%" }
+  },
+  "bottom-start": {
+    overlap: { bottom: 0, left: 0, translateX: "-50%", translateY: "50%" },
+    detached: { bottom: 0, left: 0, translateX: "-50%", translateY: "100%" }
+  },
+  center: {
+    overlap: { top: "50%", left: "50%", translateX: "-50%", translateY: "-50%" },
+    detached: { top: "50%", left: "50%", translateX: "-50%", translateY: "-50%" }
+  }
+};
+var badgePaletteClasses = {
+  primary: "bg-primary text-white",
+  neutral: "bg-gray-500 text-white",
+  info: "bg-sky-500 text-white",
+  success: "bg-emerald-500 text-white",
+  warning: "bg-amber-500 text-white",
+  danger: "bg-red-500 text-white",
+  surface: "bg-white text-gray-900 border border-gray-200",
+  bw: "bg-white text-black border border-black"
+};
+var resolvePlacementGeometry = (placement, overlap) => {
+  const group = placementGeometries[placement] ?? placementGeometries["top-end"];
+  return overlap ? group.overlap : group.detached;
+};
+var buildTranslateComponent = (base2, delta) => {
+  if (!delta) {
+    return base2;
+  }
+  const normalizedBase = base2.endsWith("%") || base2.endsWith("px") ? base2 : `${base2}`;
+  const operator = delta >= 0 ? "+" : "-";
+  const magnitude = Math.abs(delta);
+  return `calc(${normalizedBase} ${operator} ${magnitude}px)`;
+};
+var iconBaseClasses2 = {
+  mdi: ["mdi"]
+};
+var resolveIconClassName3 = (icon) => {
+  if (!icon) {
+    return void 0;
+  }
+  if (typeof icon === "string") {
+    const trimmed = icon.trim();
+    if (!trimmed) {
+      return void 0;
+    }
+    if (trimmed.includes(" ")) {
+      return trimmed;
+    }
+    const normalized2 = trimmed.startsWith("mdi-") ? trimmed : `mdi-${trimmed}`;
+    return ["mdi", normalized2].join(" ");
+  }
+  const [library, providedName] = icon;
+  const normalizedLibrary = library.trim();
+  const base2 = iconBaseClasses2[normalizedLibrary] ?? [normalizedLibrary];
+  const iconName = providedName.trim();
+  if (!iconName) {
+    return base2.join(" ");
+  }
+  const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
+  return Array.from(/* @__PURE__ */ new Set([...base2, normalized])).join(" ");
+};
+var Badge = ({
+  children,
+  content,
+  max = 99,
+  showZero = false,
+  dot = false,
+  icon,
+  color = "primary",
+  placement = "top-end",
+  offset,
+  overlap = true,
+  bordered = false,
+  floating = false,
+  visible = true,
+  badgeClassName,
+  inline = true,
+  className,
+  ...rest
+}) => {
+  const hasChildren = React4__namespace.Children.count(children) > 0;
+  const iconClassName = resolveIconClassName3(icon);
+  const isNumberContent = typeof content === "number" && Number.isFinite(content);
+  let displayValue = content;
+  if (!dot && !iconClassName && isNumberContent) {
+    const numericContent = content;
+    if (typeof max === "number" && Number.isFinite(max) && numericContent > max) {
+      displayValue = `${max}+`;
+    }
+  }
+  if (!dot && !iconClassName && isNumberContent) {
+    const numericContent = content;
+    if (!showZero && numericContent === 0) {
+      displayValue = void 0;
+    }
+  }
+  const hasRenderableContent = dot || Boolean(iconClassName) || displayValue !== null && displayValue !== void 0 && displayValue !== "";
+  const shouldRenderBadge = visible && hasRenderableContent;
+  const paletteClass = badgePaletteClasses[color] ?? badgePaletteClasses.primary;
+  const [offsetX = 0, offsetY = 0] = offset ?? [];
+  const isPositioned = hasChildren && !floating;
+  const placementStyle = (() => {
+    if (!isPositioned) {
+      if (!offsetX && !offsetY) {
+        return void 0;
+      }
+      return {
+        transform: `translate(${offsetX}px, ${offsetY}px)`
+      };
+    }
+    const geometry = resolvePlacementGeometry(placement, overlap);
+    const style = {};
+    if (geometry.top !== void 0) {
+      style.top = geometry.top;
+    }
+    if (geometry.right !== void 0) {
+      style.right = geometry.right;
+    }
+    if (geometry.bottom !== void 0) {
+      style.bottom = geometry.bottom;
+    }
+    if (geometry.left !== void 0) {
+      style.left = geometry.left;
+    }
+    const translateX = buildTranslateComponent(geometry.translateX, offsetX);
+    const translateY = buildTranslateComponent(geometry.translateY, offsetY);
+    style.transform = `translate(${translateX}, ${translateY})`;
+    return style;
+  })();
+  const badgeContainerClasses = tailwindMerge.twMerge(
+    "pointer-events-none select-none",
+    isPositioned ? "absolute" : "relative",
+    "flex items-center justify-center whitespace-nowrap",
+    dot ? void 0 : "p-0"
+  );
+  const badgeContentClasses = tailwindMerge.twMerge(
+    "inline-flex items-center justify-center whitespace-nowrap rounded-full px-2.5 py-1.5 text-xs font-semibold leading-none min-w-6 min-h-6",
+    paletteClass,
+    bordered ? "ring-2 ring-white ring-offset-0" : void 0,
+    badgeClassName
+  );
+  const badgeDotClasses = tailwindMerge.twMerge(
+    "inline-block h-2 w-2 rounded-full",
+    paletteClass,
+    bordered ? "ring-2 ring-white ring-offset-0" : void 0,
+    badgeClassName
+  );
+  const rootClasses = tailwindMerge.twMerge(
+    "relative",
+    inline ? "inline-flex" : "flex",
+    hasChildren ? void 0 : "items-center justify-center",
+    className
+  );
+  const resolvedChildren = typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center justify-center", children }) : children;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ...rest, className: rootClasses, children: [
+    resolvedChildren,
+    shouldRenderBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: badgeContainerClasses, style: placementStyle, children: dot ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: badgeDotClasses }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: tailwindMerge.twMerge(badgeContentClasses), children: iconClassName ? /* @__PURE__ */ jsxRuntime.jsx("i", { className: iconClassName, "aria-hidden": true }) : displayValue }) })
+  ] });
+};
+var Badge_default = Badge;
+var Alert = ({ className, children, ...rest }) => {
+  const classBase = "text-center p-4 bg-neutral-200 rounded-md  ";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...rest, className: tailwindMerge.twMerge("grid grid-cols-7 bg-neutral-200", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-1 pt-4 pl-4", children: /* @__PURE__ */ jsxRuntime.jsx("i", { className: "mdi mdi-google text-2xl" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("col-span-6", classBase), children })
+  ] });
+};
+var Alert_default = Alert;
 var listItemBaseClasses = "relative flex w-full items-center gap-4 bg-transparent text-left text-sm transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-white hover:bg-neutral-200";
 var densityClasses = {
   default: "px-4 py-3 text-base",
@@ -483,7 +673,7 @@ var accentClasses = {
   surface: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" },
   bw: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" }
 };
-var ListItem = React3__namespace.forwardRef((props, ref) => {
+var ListItem = React4__namespace.forwardRef((props, ref) => {
   const {
     component,
     href,
@@ -609,13 +799,13 @@ var listRoundedClasses = {
   pill: "rounded-full"
 };
 var isListItemElement = (element) => {
-  if (!React3__namespace.isValidElement(element)) {
+  if (!React4__namespace.isValidElement(element)) {
     return false;
   }
   const elementType = element.type;
   return element.type === Item_default || elementType.displayName === Item_default.displayName;
 };
-var List = React3__namespace.forwardRef((props, ref) => {
+var List = React4__namespace.forwardRef((props, ref) => {
   const {
     variant = "solid",
     density = "default",
@@ -637,11 +827,11 @@ var List = React3__namespace.forwardRef((props, ref) => {
   const navClass = nav ? "py-1" : void 0;
   const accentColor = color;
   const enhanceChild = (child) => {
-    if (!React3__namespace.isValidElement(child)) {
+    if (!React4__namespace.isValidElement(child)) {
       return child;
     }
     if (isListItemElement(child)) {
-      return React3__namespace.cloneElement(child, {
+      return React4__namespace.cloneElement(child, {
         density: child.props.density ?? density,
         lines: child.props.lines ?? lines,
         nav: child.props.nav ?? nav,
@@ -651,17 +841,17 @@ var List = React3__namespace.forwardRef((props, ref) => {
       });
     }
     if (child.props && typeof child.props === "object" && "children" in child.props) {
-      const nestedChildren = React3__namespace.Children.map(
+      const nestedChildren = React4__namespace.Children.map(
         child.props.children,
         enhanceChild
       );
       if (nestedChildren !== child.props.children) {
-        return React3__namespace.cloneElement(child, void 0, nestedChildren);
+        return React4__namespace.cloneElement(child, void 0, nestedChildren);
       }
     }
     return child;
   };
-  const resolvedChildren = React3__namespace.Children.map(children, enhanceChild);
+  const resolvedChildren = React4__namespace.Children.map(children, enhanceChild);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -697,7 +887,7 @@ var offsetClasses = {
 };
 var menuBaseClasses = "absolute z-50 min-w-[10rem] rounded-xl border border-gray-200/80 bg-white/95 p-2 text-sm text-gray-700 shadow-lg shadow-gray-900/10 ring-1 ring-black/5 backdrop-blur-md transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2";
 var overlayBaseClasses = "fixed inset-0 z-40 bg-gray-900/30 backdrop-blur-[1px]";
-var Menu = React3__namespace.forwardRef((props, ref) => {
+var Menu = React4__namespace.forwardRef((props, ref) => {
   const {
     activator,
     children,
@@ -717,8 +907,8 @@ var Menu = React3__namespace.forwardRef((props, ref) => {
   const { onMouseEnter, onMouseLeave, onFocus, onBlur, ...restProps } = rest;
   const hasContent = children !== void 0 && children !== null;
   const isControlled = typeof open === "boolean";
-  const [uncontrolledOpen, setUncontrolledOpen] = React3__namespace.useState(false);
-  const closeTimer = React3__namespace.useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = React4__namespace.useState(false);
+  const closeTimer = React4__namespace.useRef(null);
   const visible = isControlled ? Boolean(open) : uncontrolledOpen;
   const shouldRenderContent = hasContent && (keepMounted || visible || !isControlled && (openOnHover || openOnFocus));
   const verticalPlacement = placement.startsWith("top") ? "top" : "bottom";
@@ -743,7 +933,7 @@ var Menu = React3__namespace.forwardRef((props, ref) => {
       }, 120);
     }
   };
-  React3__namespace.useEffect(() => {
+  React4__namespace.useEffect(() => {
     return () => clearCloseTimer();
   }, []);
   const visibilityClasses = visible ? "pointer-events-auto opacity-100 scale-100" : "pointer-events-none opacity-0 scale-95";
@@ -859,7 +1049,7 @@ var traverseNode = (node, value) => {
   if (node === null || node === void 0 || typeof node === "boolean" || typeof node === "string" || typeof node === "number") {
     return { node, changed: false };
   }
-  if (!React3.isValidElement(node)) {
+  if (!React4.isValidElement(node)) {
     return { node, changed: false };
   }
   const element = node;
@@ -872,7 +1062,7 @@ var traverseNode = (node, value) => {
     return { node, changed: false };
   }
   const injectedProps = shouldInject ? { [EXPANSION_PANEL_CONTEXT_PROP]: value } : void 0;
-  const cloned = mappedChildren === void 0 ? React3.cloneElement(element, injectedProps) : React3.cloneElement(element, injectedProps, mappedChildren);
+  const cloned = mappedChildren === void 0 ? React4.cloneElement(element, injectedProps) : React4.cloneElement(element, injectedProps, mappedChildren);
   return { node: cloned, changed: true };
 };
 var injectExpansionPanelContext = (children, value) => traverseNode(children, value).node;
@@ -933,18 +1123,18 @@ var ExpansionPanelItemInner = (props) => {
     __expansionPanelContext,
     ...rest
   } = props;
-  const [standaloneExpanded, setStandaloneExpanded] = React3.useState(false);
-  const generatedValueRef = React3.useRef(null);
+  const [standaloneExpanded, setStandaloneExpanded] = React4.useState(false);
+  const generatedValueRef = React4.useRef(null);
   if (generatedValueRef.current === null) {
     generatedValueRef.current = generateId("expansion-panel-value");
   }
   const generatedValue = generatedValueRef.current;
-  const headerIdRef = React3.useRef(null);
+  const headerIdRef = React4.useRef(null);
   if (!headerIdRef.current) {
     headerIdRef.current = generateId("expansion-panel-header");
   }
   const headerId = headerIdRef.current;
-  const contentIdRef = React3.useRef(null);
+  const contentIdRef = React4.useRef(null);
   if (!contentIdRef.current) {
     contentIdRef.current = generateId("expansion-panel-content");
   }
@@ -1064,7 +1254,7 @@ var ExpansionPanelItemInner = (props) => {
     }
   );
 };
-var ExpansionPanelItem = React3.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ExpansionPanelItemInner, { ...props, forwardedRef: ref }));
+var ExpansionPanelItem = React4.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(ExpansionPanelItemInner, { ...props, forwardedRef: ref }));
 ExpansionPanelItem.displayName = "ExpansionPanelItem";
 markExpansionPanelItem(ExpansionPanelItem);
 var ExpansionPanelItem_default = ExpansionPanelItem;
@@ -1110,12 +1300,12 @@ var ExpansionPanelInner = (props, forwardedRef) => {
   } = props;
   const allowMultiple = multiple ?? false;
   const isControlled = value !== void 0;
-  const [internalValues, setInternalValues] = React3.useState(
+  const [internalValues, setInternalValues] = React4.useState(
     () => normalizeValues(defaultValue, allowMultiple)
   );
-  const prevAllowMultipleRef = React3.useRef(allowMultiple);
-  const prevIsControlledRef = React3.useRef(isControlled);
-  React3.useEffect(() => {
+  const prevAllowMultipleRef = React4.useRef(allowMultiple);
+  const prevIsControlledRef = React4.useRef(isControlled);
+  React4.useEffect(() => {
     const prevAllowMultiple = prevAllowMultipleRef.current;
     const wasControlled = prevIsControlledRef.current;
     if (!isControlled && (allowMultiple !== prevAllowMultiple || wasControlled !== isControlled)) {
@@ -1124,7 +1314,7 @@ var ExpansionPanelInner = (props, forwardedRef) => {
     prevAllowMultipleRef.current = allowMultiple;
     prevIsControlledRef.current = isControlled;
   }, [allowMultiple, isControlled]);
-  const handleValueChange = React3.useCallback(
+  const handleValueChange = React4.useCallback(
     (next) => {
       if (!isControlled) {
         setInternalValues(next);
@@ -1139,7 +1329,7 @@ var ExpansionPanelInner = (props, forwardedRef) => {
     },
     [allowMultiple, isControlled, onChange]
   );
-  const handleToggle = React3.useCallback(
+  const handleToggle = React4.useCallback(
     (panelValue, disabled) => {
       if (disabled) {
         return;
@@ -1151,11 +1341,11 @@ var ExpansionPanelInner = (props, forwardedRef) => {
     },
     [allowMultiple, handleValueChange, internalValues, isControlled, value]
   );
-  const expandedValues = React3.useMemo(
+  const expandedValues = React4.useMemo(
     () => isControlled ? normalizeValues(value, allowMultiple) : internalValues,
     [allowMultiple, internalValues, isControlled, value]
   );
-  const providerValue = React3.useMemo(
+  const providerValue = React4.useMemo(
     () => ({
       expandedValues,
       toggle: handleToggle,
@@ -1187,7 +1377,7 @@ var ExpansionPanelInner = (props, forwardedRef) => {
     }
   );
 };
-var ExpansionPanel = React3.forwardRef(ExpansionPanelInner);
+var ExpansionPanel = React4.forwardRef(ExpansionPanelInner);
 ExpansionPanel.displayName = "ExpansionPanel";
 var ExpansionPanel_default = ExpansionPanel;
 var containerBaseClasses = "fixed inset-0 z-[70] flex items-center justify-center p-4 sm:p-8 data-[state=closed]:pointer-events-none";
@@ -1200,7 +1390,7 @@ var resolveSizeValue = (value) => {
   }
   return typeof value === "number" ? `${value}px` : value;
 };
-var Dialog = React3__namespace.forwardRef((props, forwardedRef) => {
+var Dialog = React4__namespace.forwardRef((props, forwardedRef) => {
   const {
     activator,
     children,
@@ -1339,7 +1529,7 @@ var arrowPlacementClasses = {
   "right-start": "right-full top-4 translate-x-1/2",
   "right-end": "right-full bottom-4 translate-x-1/2"
 };
-var ToolTip = React3__namespace.forwardRef((props, forwardedRef) => {
+var ToolTip = React4__namespace.forwardRef((props, forwardedRef) => {
   const {
     activator,
     children,
@@ -1444,7 +1634,7 @@ var variantClasses = {
   rounded: "rounded-3xl border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25",
   sharp: "rounded-none border border-gray-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-900 dark:shadow-black/25"
 };
-var CardRoot = React3.forwardRef(function Card({
+var CardRoot = React4.forwardRef(function Card({
   className,
   children,
   variant = "solid",
@@ -1545,13 +1735,13 @@ var Card2 = Object.assign(CardRoot, {
 });
 var Card_default = Card2;
 function applyDividers(children, dividers) {
-  return React3.Children.map(children, (child) => {
-    if (!React3.isValidElement(child)) return child;
+  return React4.Children.map(children, (child) => {
+    if (!React4.isValidElement(child)) return child;
     if (isDividerSection(child)) {
-      return React3.cloneElement(child, { dividers: child.props.dividers ?? dividers });
+      return React4.cloneElement(child, { dividers: child.props.dividers ?? dividers });
     }
     if (hasNestedChildren(child)) {
-      return React3.cloneElement(child, {
+      return React4.cloneElement(child, {
         children: applyDividers(child.props.children, dividers)
       });
     }
@@ -1565,6 +1755,45 @@ function hasNestedChildren(element) {
   const props = element.props;
   return "children" in props;
 }
+var blockBase = "block-base relative overflow-hidden text-gray-900 dark:text-slate-100";
+var blurClasses = {
+  none: "backdrop-blur-none",
+  sm: "backdrop-blur-sm",
+  base: "backdrop-blur",
+  md: "backdrop-blur-md",
+  lg: "backdrop-blur-lg",
+  xl: "backdrop-blur-xl",
+  "2xl": "backdrop-blur-2xl",
+  "3xl": "backdrop-blur-3xl"
+};
+var variantClasses2 = {
+  solid: "rounded-xl bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10",
+  outline: "rounded-xl bg-white/10 backdrop-opacity-5 border border-white/60 dark:bg-slate-900/30 dark:border-white/20",
+  text: "rounded-xl bg-transparent border border-transparent",
+  ghost: "rounded-xl bg-white/20 backdrop-opacity-5 border border-white/20 dark:bg-slate-900/30 dark:border-white/10",
+  filled: "rounded-xl bg-white/60 backdrop-opacity-5 border border-white/40 dark:bg-slate-900/70 dark:border-white/15",
+  underlined: "rounded-xl bg-white/20 backdrop-opacity-5 border-b border-white/40 dark:bg-slate-900/30 dark:border-white/20",
+  rounded: "rounded-3xl bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10",
+  sharp: "rounded-none bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10"
+};
+var Block = React4__namespace.forwardRef(function Block2({ className, variant = "solid", blur = "sm", interactive = false, children, ...rest }, ref) {
+  const variantClass = variantClasses2[variant] ?? variantClasses2.solid;
+  const blurClass = blurClasses[blur] ?? blurClasses.sm;
+  const interactiveClass = interactive ? "transition-all duration-200 hover:-translate-y-0.5 hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-slate-900" : void 0;
+  const tabIndexValue = interactive && rest.tabIndex === void 0 ? 0 : rest.tabIndex;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...rest,
+      ref,
+      tabIndex: tabIndexValue,
+      className: tailwindMerge.twMerge(blockBase, variantClass, blurClass, "p-2", interactiveClass, className),
+      children
+    }
+  );
+});
+Block.displayName = "Block";
+var Block_default = Block;
 var masonryBaseClass = "masonry-grid w-full";
 var itemBaseClass = "masonry-item block break-inside-avoid";
 var MasonryBase = (props, ref) => {
@@ -1605,10 +1834,10 @@ var MasonryBase = (props, ref) => {
   const renderedItems = items && items.length ? items.map((item, index) => {
     const content = resolveItemContent(item, index, renderItem);
     return wrapItem(content, resolveItemKey(item, index, getKey));
-  }) : React3__namespace.Children.map(children, (child, index) => wrapItem(child, resolveChildKey(child, index))) ?? null;
+  }) : React4__namespace.Children.map(children, (child, index) => wrapItem(child, resolveChildKey(child, index))) ?? null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, ref, role, className: tailwindMerge.twMerge(masonryBaseClass, className), style: layoutStyle, children: renderedItems });
 };
-var Masonry = React3__namespace.forwardRef(MasonryBase);
+var Masonry = React4__namespace.forwardRef(MasonryBase);
 Masonry.displayName = "Masonry";
 var Masonry_default = Masonry;
 function toCssLength(value) {
@@ -1633,13 +1862,13 @@ function resolveColumnCount(column, maxColumn, hasColumnWidth) {
 }
 function resolveItemKey(item, index, getKey) {
   if (getKey) return getKey(item, index);
-  if (React3__namespace.isValidElement(item) && item.key != null) {
+  if (React4__namespace.isValidElement(item) && item.key != null) {
     return item.key;
   }
   return index;
 }
 function resolveChildKey(child, index) {
-  if (React3__namespace.isValidElement(child) && child.key != null) {
+  if (React4__namespace.isValidElement(child) && child.key != null) {
     return child.key;
   }
   return index;
@@ -1681,7 +1910,7 @@ var AppBar = ({
   children,
   ...rest
 }) => {
-  const [mobileOpen, setMobileOpen] = React3__namespace.useState(false);
+  const [mobileOpen, setMobileOpen] = React4__namespace.useState(false);
   const isDark = color === "primary" || color === "dark";
   const isTransparent = color === "transparent";
   const barClass = tailwindMerge.twMerge(
@@ -2084,7 +2313,7 @@ ProfileCard.displayName = "ProfileCard";
 var ProfileCard_default = ProfileCard;
 
 // src/Form/Input/states.input.ts
-var resolveIconClassName3 = (icon) => {
+var resolveIconClassName4 = (icon) => {
   if (!icon) {
     return void 0;
   }
@@ -2122,13 +2351,13 @@ var Input = ({
   ...props
 }) => {
   const { placeholder, onFocus, onBlur, ...inputProps } = props;
-  const reactId = React3__namespace.default.useId();
+  const reactId = React4__namespace.default.useId();
   const hasLabel = Boolean(label);
   const hasProvidedPlaceholder = typeof placeholder === "string" && placeholder.trim().length > 0;
   const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;
-  const [isFocused, setIsFocused] = React3__namespace.default.useState(false);
+  const [isFocused, setIsFocused] = React4__namespace.default.useState(false);
   const classBase = "input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400";
-  const variantClasses3 = {
+  const variantClasses5 = {
     solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
     sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
     outline: "rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40",
@@ -2164,9 +2393,9 @@ var Input = ({
     warn: "text-amber-600 dark:text-amber-300",
     success: "text-emerald-600 dark:text-emerald-300"
   };
-  const variantClass = variantClasses3[variant] ?? variantClasses3.outline;
+  const variantClass = variantClasses5[variant] ?? variantClasses5.outline;
   const toneClass = status ? statusClasses[status.tone] : void 0;
-  let prependIconClass = resolveIconClassName3(icon);
+  let prependIconClass = resolveIconClassName4(icon);
   const sizeConfig = sizeClasses4[size] ?? sizeClasses4.medium;
   const sizeClass = [
     prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,
@@ -2253,8 +2482,464 @@ function generateString(length = 5) {
   }
   return result;
 }
-var baseClass = "select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900 placeholder:text-gray-500 dark:bg-slate-900 dark:text-gray-100 dark:placeholder:text-gray-400";
-var variantClasses2 = {
+var baseClass = "textarea-base px-3 py-2 focus-visible:outline-none transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400";
+var variantClasses3 = {
+  outlined: "rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-slate-900 dark:focus-visible:border-black dark:focus-visible:ring-black/40",
+  filled: "rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30",
+  standard: "rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 dark:border-b-gray-700 dark:focus-visible:border-primary/70"
+};
+var labelBackground = {
+  outlined: "bg-white/90 dark:bg-slate-900",
+  filled: "bg-gray-100 dark:bg-slate-800",
+  standard: "bg-transparent"
+};
+var advancedContainerVariant = {
+  outlined: "rounded border-2 border-black bg-white dark:border-black dark:bg-slate-900",
+  filled: "rounded border border-gray-200 bg-gray-100 dark:border-gray-700 dark:bg-slate-800",
+  standard: "border-b border-gray-300 bg-transparent dark:border-gray-700"
+};
+var renderMarkdown = (value) => marked.marked.parse(value || "", { async: false });
+var dispatchInputEvent = (element) => {
+  const event = new Event("input", { bubbles: true });
+  element.dispatchEvent(event);
+};
+var toolbarButtonBase = "px-3 py-1 text-gray-700 transition-colors hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-slate-700 disabled:cursor-not-allowed disabled:opacity-50";
+var toolbarButtonActive = "bg-white text-gray-900 dark:bg-slate-900 dark:text-gray-100";
+var handleModeToggle = (wrapperId, mode, textareaName, simpleId, advancedInputId) => {
+  if (typeof document === "undefined") return;
+  const wrapper = document.getElementById(wrapperId);
+  const simple = document.getElementById(simpleId);
+  const advancedInput = document.getElementById(advancedInputId);
+  if (wrapper) {
+    wrapper.dataset.mode = mode;
+  }
+  if (simple) {
+    simple.classList.toggle("hidden", mode !== "simple");
+    simple.name = mode === "simple" ? textareaName : "";
+  }
+  if (advancedInput) {
+    advancedInput.classList.toggle("hidden", mode !== "advanced");
+    advancedInput.name = mode === "advanced" ? textareaName : "";
+  }
+};
+var TextArea = ({
+  variant = "outlined",
+  label,
+  className,
+  wrapperClassName,
+  id,
+  name,
+  placeholder,
+  rows = 4,
+  allowModeSwitch = true,
+  mode,
+  view = "editor",
+  value,
+  defaultValue,
+  disabled,
+  readOnly,
+  onChange,
+  onInput,
+  ...props
+}) => {
+  const textareaId = id || name || generateString();
+  const textareaName = name || textareaId;
+  const wrapperId = `${textareaId}-wrapper`;
+  const simpleTextareaId = `${textareaId}-simple`;
+  const advancedInputId = `${textareaId}-advanced-input`;
+  const advancedEditorId = `${textareaId}-advanced-editor`;
+  const advancedLabelId = `${textareaId}-advanced-label`;
+  const previewId = `${textareaId}-preview`;
+  const variantClass = variantClasses3[variant] ?? variantClasses3.outlined;
+  const labelPadding = label ? "pt-6" : void 0;
+  const placeholderValue = placeholder ?? (label ? " " : void 0);
+  const placeholderClass = label ? "placeholder-transparent" : void 0;
+  const labelBg = labelBackground[variant] ?? labelBackground.outlined;
+  const focusLabelBg = variant === "filled" ? "peer-focus:bg-gray-100 dark:peer-focus:bg-slate-800" : variant === "standard" ? "peer-focus:bg-transparent" : "peer-focus:bg-white/90 dark:peer-focus:bg-slate-900";
+  const resolvedMode = allowModeSwitch ? mode ?? "simple" : "simple";
+  const resolvedView = view ?? "editor";
+  const showEditor = resolvedView === "editor";
+  const showPreview = resolvedView === "view";
+  const contentValue = typeof value === "string" ? value : typeof defaultValue === "string" ? defaultValue : "";
+  const isControlled = typeof value === "string";
+  const editorEditable = !(disabled || readOnly);
+  const modeToggleName = `${textareaId}-mode-toggle`;
+  const simpleToggleId = `${modeToggleName}-simple`;
+  const advancedToggleId = `${modeToggleName}-advanced`;
+  const turndownService = React4__namespace.default.useMemo(() => {
+    const service = new TurndownService__default.default({
+      codeBlockStyle: "fenced",
+      emDelimiter: "*",
+      strongDelimiter: "**",
+      bulletListMarker: "-"
+    });
+    service.addRule("strikethrough", {
+      filter: (node) => ["DEL", "S", "STRIKE"].includes(node.nodeName),
+      replacement: (content) => `~~${content}~~`
+    });
+    return service;
+  }, []);
+  const hiddenTextareaRef = React4__namespace.default.useRef(null);
+  const lastMarkdownRef = React4__namespace.default.useRef(contentValue);
+  const editorContentClass = tailwindMerge.twMerge(
+    baseClass,
+    "min-h-45 rounded border-0 bg-transparent outline-none whitespace-pre-wrap wrap-break-words",
+    "[&_p]:m-0 [&_p]:leading-6",
+    "[&_ul]:my-0 [&_ul]:list-disc [&_ul]:pl-5",
+    "[&_ol]:my-0 [&_ol]:list-decimal [&_ol]:pl-5",
+    "[&_li]:my-0",
+    "[&_blockquote]:border-l-2 [&_blockquote]:border-gray-300 [&_blockquote]:pl-3 [&_blockquote]:text-gray-600",
+    "dark:[&_blockquote]:border-gray-600 dark:[&_blockquote]:text-gray-300",
+    "[&_pre]:bg-gray-100 [&_pre]:rounded [&_pre]:p-3 [&_pre]:text-sm [&_pre]:overflow-x-auto",
+    "dark:[&_pre]:bg-slate-800",
+    "[&_code]:font-mono",
+    className,
+    !editorEditable ? "cursor-not-allowed opacity-50" : void 0
+  );
+  const editor = react.useEditor({
+    extensions: [StarterKit__default.default],
+    content: renderMarkdown(contentValue),
+    editable: editorEditable,
+    editorProps: {
+      attributes: {
+        class: editorContentClass,
+        role: "textbox",
+        "aria-multiline": "true",
+        ...label ? { "aria-labelledby": advancedLabelId } : {}
+      }
+    },
+    onUpdate: ({ editor: currentEditor }) => {
+      const markdown = turndownService.turndown(currentEditor.getHTML());
+      if (markdown === lastMarkdownRef.current) return;
+      lastMarkdownRef.current = markdown;
+      if (!hiddenTextareaRef.current) return;
+      hiddenTextareaRef.current.value = markdown;
+      dispatchInputEvent(hiddenTextareaRef.current);
+    }
+  });
+  React4__namespace.default.useEffect(() => {
+    if (!editor) return;
+    editor.setEditable(editorEditable);
+  }, [editor, editorEditable]);
+  React4__namespace.default.useEffect(() => {
+    if (!editor) return;
+    editor.setOptions({
+      editorProps: {
+        ...editor.options.editorProps,
+        attributes: {
+          ...editor.options.editorProps?.attributes,
+          class: editorContentClass,
+          role: "textbox",
+          "aria-multiline": "true",
+          ...label ? { "aria-labelledby": advancedLabelId } : {}
+        }
+      }
+    });
+  }, [editor, editorContentClass, label, advancedLabelId]);
+  React4__namespace.default.useEffect(() => {
+    if (!editor || typeof value !== "string") return;
+    if (value === lastMarkdownRef.current) return;
+    editor.commands.setContent(renderMarkdown(value), { emitUpdate: false });
+    lastMarkdownRef.current = value;
+    if (hiddenTextareaRef.current) {
+      hiddenTextareaRef.current.value = value;
+    }
+  }, [editor, value]);
+  React4__namespace.default.useEffect(() => {
+    if (!hiddenTextareaRef.current) return;
+    if (hiddenTextareaRef.current.value === contentValue) return;
+    hiddenTextareaRef.current.value = contentValue;
+  }, [contentValue]);
+  const textareaProps = {
+    ...props,
+    onChange,
+    onInput,
+    disabled,
+    readOnly
+  };
+  const minHeightStyle = rows ? { minHeight: `${rows * 20}px` } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      id: wrapperId,
+      "data-mode": resolvedMode,
+      className: tailwindMerge.twMerge("flex flex-col gap-1", wrapperClassName),
+      children: [
+        allowModeSwitch && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "radio",
+              name: modeToggleName,
+              id: simpleToggleId,
+              value: "simple",
+              defaultChecked: resolvedMode === "simple",
+              className: "peer/simple sr-only",
+              onChange: () => handleModeToggle(wrapperId, "simple", textareaName, simpleTextareaId, advancedInputId)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "radio",
+              name: modeToggleName,
+              id: advancedToggleId,
+              value: "advanced",
+              defaultChecked: resolvedMode === "advanced",
+              className: "peer/advanced sr-only",
+              onChange: () => handleModeToggle(
+                wrapperId,
+                "advanced",
+                textareaName,
+                simpleTextareaId,
+                advancedInputId
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-xs font-medium dark:border-gray-700 dark:bg-slate-800", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "label",
+              {
+                htmlFor: simpleToggleId,
+                className: tailwindMerge.twMerge(
+                  "cursor-pointer px-3 py-1 transition-colors",
+                  "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-slate-700",
+                  "peer-checked/simple:bg-white peer-checked/simple:text-gray-900 peer-checked/simple:dark:bg-slate-900 peer-checked/simple:dark:text-gray-100"
+                ),
+                children: "Jednoduch\xFD"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "label",
+              {
+                htmlFor: advancedToggleId,
+                className: tailwindMerge.twMerge(
+                  "cursor-pointer px-3 py-1 transition-colors",
+                  "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-slate-700",
+                  "peer-checked/advanced:bg-white peer-checked/advanced:text-gray-900 peer-checked/advanced:dark:bg-slate-900 peer-checked/advanced:dark:text-gray-100"
+                ),
+                children: "Pokro\u010Dil\xFD"
+              }
+            )
+          ] }) })
+        ] }),
+        (resolvedMode === "simple" || allowModeSwitch) && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: tailwindMerge.twMerge(
+              "relative flex items-start",
+              allowModeSwitch ? "hidden peer-checked/simple:flex peer-checked/advanced:hidden" : void 0
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "textarea",
+                {
+                  ...textareaProps,
+                  id: simpleTextareaId,
+                  name: !allowModeSwitch || resolvedMode === "simple" ? textareaName : "",
+                  rows,
+                  placeholder: placeholderValue,
+                  value,
+                  defaultValue,
+                  className: tailwindMerge.twMerge(
+                    "peer",
+                    baseClass,
+                    variantClass,
+                    labelPadding,
+                    placeholderClass,
+                    className
+                  )
+                }
+              ),
+              label && /* @__PURE__ */ jsxRuntime.jsx(
+                "label",
+                {
+                  htmlFor: simpleTextareaId,
+                  className: tailwindMerge.twMerge(
+                    "absolute transition-all duration-150 pointer-events-none left-3 text-gray-700 dark:text-gray-200",
+                    "top-0 -translate-y-2/3 text-xs px-1",
+                    labelBg,
+                    focusLabelBg,
+                    "peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:text-gray-600 dark:peer-focus:text-gray-300",
+                    "peer-placeholder-shown:top-3 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400"
+                  ),
+                  children: label
+                }
+              )
+            ]
+          }
+        ),
+        (resolvedMode === "advanced" || allowModeSwitch) && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: tailwindMerge.twMerge(
+              "flex flex-col gap-2",
+              allowModeSwitch ? "hidden peer-checked/advanced:flex peer-checked/simple:hidden" : void 0
+            ),
+            children: [
+              label && /* @__PURE__ */ jsxRuntime.jsx(
+                "label",
+                {
+                  id: advancedLabelId,
+                  className: "text-sm font-medium text-gray-700 dark:text-gray-200",
+                  children: label
+                }
+              ),
+              showEditor && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center justify-between gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex overflow-hidden rounded-md border border-gray-200 bg-gray-50 text-xs font-medium dark:border-gray-700 dark:bg-slate-800", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tailwindMerge.twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("bold") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleBold().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "B"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tailwindMerge.twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("italic") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleItalic().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "I"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tailwindMerge.twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("strike") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleStrike().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "S"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tailwindMerge.twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("bulletList") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleBulletList().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "\u2022 List"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tailwindMerge.twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("orderedList") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleOrderedList().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "1. List"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tailwindMerge.twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("blockquote") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleBlockquote().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "Quote"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tailwindMerge.twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("code") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleCode().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "Code"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: tailwindMerge.twMerge(
+                      toolbarButtonBase,
+                      editor?.isActive("codeBlock") ? toolbarButtonActive : void 0
+                    ),
+                    onClick: () => editor?.chain().focus().toggleCodeBlock().run(),
+                    disabled: !editor || !editorEditable,
+                    children: "Code block"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("overflow-hidden", advancedContainerVariant[variant]), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-3 space-y-3", children: [
+                showEditor && /* @__PURE__ */ jsxRuntime.jsx(
+                  react.EditorContent,
+                  {
+                    editor,
+                    id: advancedEditorId,
+                    className: "w-full",
+                    style: minHeightStyle
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "textarea",
+                  {
+                    ...textareaProps,
+                    ref: hiddenTextareaRef,
+                    id: advancedInputId,
+                    name: !allowModeSwitch || resolvedMode === "advanced" ? textareaName : "",
+                    rows,
+                    placeholder: placeholderValue,
+                    className: "sr-only",
+                    ...isControlled ? { value } : { defaultValue: contentValue }
+                  }
+                ),
+                showPreview && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    id: previewId,
+                    className: tailwindMerge.twMerge(
+                      baseClass,
+                      "min-h-45 rounded border-0 px-0 focus:outline-none whitespace-pre-wrap wrap-break-words",
+                      className
+                    ),
+                    style: minHeightStyle,
+                    dangerouslySetInnerHTML: {
+                      __html: renderMarkdown(contentValue)
+                    }
+                  }
+                )
+              ] }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var TextArea_default = TextArea;
+var baseClass2 = "select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900 placeholder:text-gray-500 dark:bg-slate-900 dark:text-gray-100 dark:placeholder:text-gray-400";
+var variantClasses4 = {
   solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
   sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
   outline: "rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40",
@@ -2297,7 +2982,7 @@ var Select = ({
 }) => {
   const selectId = id || name || generateString();
   const selectName = name || selectId;
-  const variantClass = variantClasses2[variant] ?? variantClasses2.outline;
+  const variantClass = variantClasses4[variant] ?? variantClasses4.outline;
   const sizeConfig = sizeClasses2[size] ?? sizeClasses2.medium;
   const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;
   const normalizedOptions = options.map(normalizeOption);
@@ -2305,8 +2990,8 @@ var Select = ({
   const hasProvidedPlaceholder = typeof placeholder === "string" && placeholder.trim().length > 0;
   const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder && !multiple;
   const placeholderText = placeholder ?? (hasLabel ? " " : void 0);
-  const [isFocused, setIsFocused] = React3__namespace.default.useState(false);
-  const [hasValue, setHasValue] = React3__namespace.default.useState(() => {
+  const [isFocused, setIsFocused] = React4__namespace.default.useState(false);
+  const [hasValue, setHasValue] = React4__namespace.default.useState(() => {
     const initial = value ?? defaultValue;
     if (initial === void 0 || initial === null) return false;
     if (multiple) {
@@ -2320,7 +3005,7 @@ var Select = ({
     return String(initial).length > 0;
   });
   const isControlled = value !== void 0;
-  React3__namespace.default.useEffect(() => {
+  React4__namespace.default.useEffect(() => {
     if (!isControlled) return;
     if (value === void 0 || value === null) {
       setHasValue(false);
@@ -2373,7 +3058,7 @@ var Select = ({
         onFocus: handleFocus,
         onBlur: handleBlur,
         onChange: handleChange,
-        className: tailwindMerge.twMerge("peer", baseClass, variantClass, sizeClass, className),
+        className: tailwindMerge.twMerge("peer", baseClass2, variantClass, sizeClass, className),
         children: [
           shouldRenderPlaceholder && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: props.required, hidden: hasValue, children: placeholderOptionLabel }),
           normalizedOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, `${selectId}-${option.value}-${index}`))
@@ -2461,19 +3146,19 @@ var Slider = ({
   const resolvedMax = toNumber(max, resolvedMin < 100 ? 100 : resolvedMin);
   const resolvedStep = toNumber(step, 1);
   const isControlled = typeof value === "number";
-  const [internalValue, setInternalValue] = React3.useState(
+  const [internalValue, setInternalValue] = React4.useState(
     clamp(
       typeof value === "number" ? value : typeof defaultValue === "number" ? defaultValue : resolvedMin,
       resolvedMin,
       resolvedMax
     )
   );
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (isControlled && typeof value === "number") {
       setInternalValue(clamp(value, resolvedMin, resolvedMax));
     }
   }, [isControlled, value, resolvedMin, resolvedMax]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!isControlled) {
       setInternalValue((prev) => clamp(prev, resolvedMin, resolvedMax));
     }
@@ -2576,7 +3261,7 @@ var thumbActiveClasses = {
   surface: "border-gray-900 shadow-[0_4px_12px_rgba(15,23,42,0.32)]",
   bw: "border-black shadow-[0_4px_12px_rgba(0,0,0,0.32)]"
 };
-var Switch = React3.forwardRef(
+var Switch = React4.forwardRef(
   ({
     color = "primary",
     size = "medium",
@@ -2595,10 +3280,10 @@ var Switch = React3.forwardRef(
     const focusClass = focusRingClasses[color] ?? focusRingClasses.primary;
     const thumbActive = thumbActiveClasses[color] ?? thumbActiveClasses.primary;
     const isControlled = checked !== void 0;
-    const [internalChecked, setInternalChecked] = React3.useState(
+    const [internalChecked, setInternalChecked] = React4.useState(
       Boolean((isControlled ? checked : defaultChecked) ?? false)
     );
-    React3.useEffect(() => {
+    React4.useEffect(() => {
       if (isControlled) {
         setInternalChecked(Boolean(checked));
       }
@@ -2788,7 +3473,7 @@ var resolveVariantClass3 = (variant, type) => {
       return "bg-white/95 text-gray-900 border border-gray-200";
   }
 };
-var resolveIconClassName4 = (icon) => {
+var resolveIconClassName5 = (icon) => {
   if (!icon) return void 0;
   if (typeof icon === "string") {
     const trimmed = icon.trim();
@@ -2802,8 +3487,8 @@ var resolveIconClassName4 = (icon) => {
   return `mdi ${library} ${normalized}`.trim();
 };
 var resolveIconNode = (icon, fallbackClassName) => {
-  if (React3__namespace.isValidElement(icon)) return icon;
-  const iconClassName = resolveIconClassName4(icon) ?? fallbackClassName;
+  if (React4__namespace.isValidElement(icon)) return icon;
+  const iconClassName = resolveIconClassName5(icon) ?? fallbackClassName;
   if (!iconClassName) return null;
   const hasBase = iconClassName.split(" ").some((token) => token.trim() === "mdi");
   const hasGlyph = iconClassName.includes("mdi-");
@@ -3224,7 +3909,10 @@ var Progress = (props) => {
 };
 var Progress_default = Progress;
 
+exports.Alert = Alert_default;
 exports.AppBar = AppBar_default;
+exports.Badge = Badge_default;
+exports.Block = Block_default;
 exports.Button = Button_default;
 exports.Card = Card_default;
 exports.Chip = Chip_default;
@@ -3244,6 +3932,7 @@ exports.Progress = Progress_default;
 exports.Select = Select_default;
 exports.Slider = Slider_default;
 exports.Switch = Switch_default;
+exports.TextArea = TextArea_default;
 exports.ToolTip = ToolTip_default;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map