@admin-layout/tailwind-ui 12.2.4-alpha.12 → 12.2.4-alpha.16

package/lib/components/DatePicker/DatePicker.js

@@ -197,4 +197,4 @@ import React__default,{useRef,useEffect}from'react';import {useActor}from'@xstat
     className: "px-2 py-0.5 text-xs text-blue-600 hover:bg-blue-50 transition-colors",
     onClick: () => handleDateSelect(new Date())
   }, "Today"))));
-};export{DatePicker};//# sourceMappingURL=DatePicker.js.map
+};export{DatePicker,DatePicker as default};//# sourceMappingURL=DatePicker.js.map

package/lib/components/InputToolBar/InputToolBar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { InputToolBarProps } from './types';
+/**
+ * InputToolBar – horizontal toolbar for text input UIs (e.g. chat/composer).
+ * Data and behavior are passed via props; items can be enabled/disabled, and custom left/right content can be injected.
+ * Layout: left (mode toggles + template pill), flexible middle, right (attach, capture, mic/send).
+ */
+export declare function InputToolBar({ className, leftItems, rightItems, templateButton, leftCustomRender, rightCustomRender, micSendButton, children, }: InputToolBarProps): React.JSX.Element;
+export default InputToolBar;
+//# sourceMappingURL=InputToolBar.d.ts.map

package/lib/components/InputToolBar/InputToolBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACR,iBAAiB,EAMpB,MAAM,SAAS,CAAC;AAuMjB;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,SAAS,EACT,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACX,EAAE,iBAAiB,qBAgCnB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/InputToolBar/InputToolBar.js

@@ -0,0 +1,225 @@
+import {Lightbulb,Zap,Search,Mic,Paperclip,Camera,Tag,ArrowUpRight}from'lucide-react';import React__default from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
+const iconSizeRight = 'h-4 w-4';
+const defaultLeftIconMap = {
+  search: React__default.createElement(Search, {
+    className: iconSize
+  }),
+  zap: React__default.createElement(Zap, {
+    className: iconSize
+  }),
+  lightbulb: React__default.createElement(Lightbulb, {
+    className: iconSize
+  }),
+  template: null // template is rendered as pill, not in icon group
+};
+const defaultRightIconMap = {
+  tag: React__default.createElement(Tag, {
+    className: iconSizeRight
+  }),
+  chip: React__default.createElement("svg", {
+    className: iconSizeRight,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true
+  }, React__default.createElement("rect", {
+    x: "4",
+    y: "4",
+    width: "16",
+    height: "16",
+    rx: "2",
+    ry: "2"
+  }), React__default.createElement("line", {
+    x1: "9",
+    y1: "9",
+    x2: "15",
+    y2: "9"
+  }), React__default.createElement("line", {
+    x1: "9",
+    y1: "15",
+    x2: "15",
+    y2: "15"
+  }), React__default.createElement("line", {
+    x1: "9",
+    y1: "9",
+    x2: "9",
+    y2: "15"
+  }), React__default.createElement("line", {
+    x1: "15",
+    y1: "9",
+    x2: "15",
+    y2: "15"
+  })),
+  camera: React__default.createElement(Camera, {
+    className: iconSizeRight
+  }),
+  attach: React__default.createElement(Paperclip, {
+    className: iconSizeRight
+  }),
+  mic: React__default.createElement(Mic, {
+    className: iconSizeRight
+  })
+};
+function MicSendButton({
+  hasContent,
+  onSend,
+  onMic,
+  disabled
+}) {
+  const isSend = hasContent;
+  const base = 'inline-flex h-7 w-7 items-center justify-center rounded-2xl transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary';
+  return React__default.createElement("button", {
+    type: "button",
+    "aria-label": isSend ? 'Send' : 'Start voice input',
+    title: isSend ? 'Send' : 'Start voice input',
+    onClick: isSend ? onSend : onMic,
+    disabled: disabled,
+    className: base
+  }, isSend ? React__default.createElement(ArrowUpRight, {
+    className: iconSizeRight
+  }) : React__default.createElement(Mic, {
+    className: iconSizeRight
+  }));
+}
+function ToolbarIconButton({
+  item,
+  getDefaultIcon,
+  isLeftGroup
+}) {
+  if (item.enabled === false) return null;
+  const icon = item.customButton ?? item.icon ?? getDefaultIcon(item.id);
+  if (item.customButton) {
+    return React__default.createElement(React__default.Fragment, null, item.customButton);
+  }
+  const isActive = item.active === true;
+  const base = 'inline-flex h-7 w-7 items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:opacity-50 disabled:pointer-events-none';
+  const leftVariant = isActive ? 'rounded-full border border-primary bg-primary text-primary-foreground hover:bg-primary/90' : 'rounded-full border border-primary/50 bg-card text-primary hover:border-primary hover:text-primary';
+  const rightVariant = 'rounded-2xl text-muted-foreground hover:bg-secondary/70 active:bg-secondary';
+  return React__default.createElement("button", {
+    type: "button",
+    "aria-label": item.label,
+    title: item.label,
+    onClick: item.onClick,
+    className: cn(base, isLeftGroup ? leftVariant : rightVariant)
+  }, icon);
+}
+function LeftSection({
+  leftItems,
+  templateButton,
+  leftCustomRender
+}) {
+  if (leftCustomRender != null) {
+    return React__default.createElement("div", {
+      className: "flex items-center gap-2"
+    }, leftCustomRender);
+  }
+  const left = leftItems ?? [];
+  const hasTemplate = templateButton != null;
+  const hasLeft = left.length > 0 || hasTemplate;
+  if (!hasLeft) return null;
+  return React__default.createElement("div", {
+    className: "flex items-center gap-2"
+  }, left.length > 0 && React__default.createElement("div", {
+    className: "flex items-center gap-1 rounded-full bg-secondary px-2 py-1"
+  }, left.map((item, index) => React__default.createElement(React__default.Fragment, {
+    key: item.id
+  }, React__default.createElement(ToolbarIconButton, {
+    item: item,
+    getDefaultIcon: id => defaultLeftIconMap[id] ?? null,
+    isLeftGroup: true
+  }), index < left.length - 1 && React__default.createElement("span", {
+    "aria-hidden": "true",
+    className: "mx-1 h-5 w-px bg-border/70"
+  })))), hasTemplate && React__default.createElement(TemplatePill, {
+    label: templateButton.label,
+    count: templateButton.count,
+    onClick: templateButton.onClick,
+    disabled: templateButton.disabled
+  }));
+}
+function TemplatePill({
+  label,
+  count,
+  onClick,
+  disabled
+}) {
+  const text = count != null && count > 0 ? `${label} (${count})` : label;
+  return React__default.createElement("button", {
+    type: "button",
+    onClick: onClick,
+    disabled: disabled,
+    className: cn('flex items-center gap-1 rounded-full border border-border bg-card px-2 py-1 text-xs font-medium text-foreground transition-colors hover:border-primary hover:bg-primary/5', disabled && 'opacity-50 cursor-not-allowed' || ''),
+    "aria-label": "Select template"
+  }, text);
+}
+function RightSection({
+  rightItems,
+  rightCustomRender,
+  micSendButton
+}) {
+  if (rightCustomRender != null) {
+    return React__default.createElement("div", {
+      className: "flex items-center gap-1"
+    }, rightCustomRender);
+  }
+  const right = rightItems ?? [];
+  const filteredRight = micSendButton != null ? right.filter(item => item.id !== 'mic') : right;
+  const hasRight = filteredRight.length > 0 || micSendButton != null;
+  if (!hasRight) return null;
+  return React__default.createElement("div", {
+    className: "flex flex-wrap items-center gap-1 text-muted-foreground"
+  }, filteredRight.map(item => React__default.createElement(ToolbarIconButton, {
+    key: item.id,
+    item: item,
+    getDefaultIcon: id => defaultRightIconMap[id] ?? null
+  })), micSendButton != null && React__default.createElement(MicSendButton, {
+    hasContent: micSendButton.hasContent,
+    onSend: micSendButton.onSend,
+    onMic: micSendButton.onMic,
+    disabled: micSendButton.disabled
+  }));
+}
+/**
+ * InputToolBar – horizontal toolbar for text input UIs (e.g. chat/composer).
+ * Data and behavior are passed via props; items can be enabled/disabled, and custom left/right content can be injected.
+ * Layout: left (mode toggles + template pill), flexible middle, right (attach, capture, mic/send).
+ */
+function InputToolBar({
+  className,
+  leftItems,
+  rightItems,
+  templateButton,
+  leftCustomRender,
+  rightCustomRender,
+  micSendButton,
+  children
+}) {
+  const hasChildren = children != null;
+  return React__default.createElement("section", {
+    className: cn('w-full overflow-visible rounded-[24px] border border-border/70 bg-card shadow-md', hasChildren && 'cursor-text', className)
+  }, React__default.createElement("div", {
+    className: cn('flex px-3 py-2', hasChildren ? 'flex-col gap-2' : 'flex-wrap items-center gap-3')
+  }, hasChildren && React__default.createElement("div", {
+    className: "min-w-0 flex-1"
+  }, children), React__default.createElement("div", {
+    className: cn('flex flex-wrap items-center gap-3', hasChildren && 'pt-2')
+  }, React__default.createElement("div", {
+    className: cn('flex items-center gap-2', hasChildren && 'mb-2')
+  }, React__default.createElement(LeftSection, {
+    leftItems: leftItems,
+    templateButton: templateButton,
+    leftCustomRender: leftCustomRender
+  })), !hasChildren && React__default.createElement("div", {
+    className: "min-w-0 flex-1",
+    "aria-hidden": true
+  }), React__default.createElement("div", {
+    className: "flex flex-1 flex-wrap items-center justify-end gap-2"
+  }, React__default.createElement(RightSection, {
+    rightItems: rightItems,
+    rightCustomRender: rightCustomRender,
+    micSendButton: micSendButton
+  })))));
+}export{InputToolBar,InputToolBar as default};//# sourceMappingURL=InputToolBar.js.map

package/lib/components/InputToolBar/InputToolBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAqNG,EAAA,MAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACH,IAAA,SAAA,EAAA;AA2CA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/defaults.d.ts

@@ -0,0 +1,14 @@
+import type { LeftToolbarItemId, RightToolbarItemId, ToolbarItemConfig } from './types';
+export type LeftItemOverrides = Partial<Record<LeftToolbarItemId, Partial<Omit<ToolbarItemConfig<LeftToolbarItemId>, 'id'>>>>;
+export type RightItemOverrides = Partial<Record<RightToolbarItemId, Partial<Omit<ToolbarItemConfig<RightToolbarItemId>, 'id'>>>>;
+/**
+ * Build default left toolbar items (search, zap, lightbulb). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+export declare function getDefaultLeftItems(overrides?: LeftItemOverrides): ToolbarItemConfig<LeftToolbarItemId>[];
+/**
+ * Build default right toolbar items (tag, chip, camera, attach, mic). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+export declare function getDefaultRightItems(overrides?: RightItemOverrides): ToolbarItemConfig<RightToolbarItemId>[];
+//# sourceMappingURL=defaults.d.ts.map

package/lib/components/InputToolBar/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAoBxF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACvF,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACpC,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACzF,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,CAazG;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAa5G"}

package/lib/components/InputToolBar/defaults.js

@@ -0,0 +1,51 @@
+const DEFAULT_LEFT_IDS = ['search', 'zap', 'lightbulb'];
+const DEFAULT_RIGHT_IDS = ['tag', 'chip', 'camera', 'attach', 'mic'];
+const DEFAULT_LEFT_LABELS = {
+  search: 'Chat mode',
+  zap: 'Deep Search',
+  lightbulb: 'Build mode',
+  template: 'Template'
+};
+const DEFAULT_RIGHT_LABELS = {
+  tag: 'Tag',
+  chip: 'Module',
+  camera: 'Capture image',
+  attach: 'Attach file',
+  mic: 'Mic / Send'
+};
+/**
+ * Build default left toolbar items (search, zap, lightbulb). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+function getDefaultLeftItems(overrides) {
+  return DEFAULT_LEFT_IDS.map(id => {
+    const o = overrides?.[id];
+    return {
+      id,
+      label: o?.label ?? DEFAULT_LEFT_LABELS[id],
+      enabled: o?.enabled ?? true,
+      active: o?.active,
+      onClick: o?.onClick,
+      icon: o?.icon,
+      customButton: o?.customButton
+    };
+  });
+}
+/**
+ * Build default right toolbar items (tag, chip, camera, attach, mic). Omit or set enabled: false to hide.
+ * Override label, enabled, active, onClick, icon, customButton per id.
+ */
+function getDefaultRightItems(overrides) {
+  return DEFAULT_RIGHT_IDS.map(id => {
+    const o = overrides?.[id];
+    return {
+      id,
+      label: o?.label ?? DEFAULT_RIGHT_LABELS[id],
+      enabled: o?.enabled ?? true,
+      active: o?.active,
+      onClick: o?.onClick,
+      icon: o?.icon,
+      customButton: o?.customButton
+    };
+  });
+}export{getDefaultLeftItems,getDefaultRightItems};//# sourceMappingURL=defaults.js.map

package/lib/components/InputToolBar/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sources":["../../../src/components/InputToolBar/defaults.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAA,gBAAc,GAAA,CAAA,QAAmB,EAAA,KAAA,EAAA,WAAoB,CAAA;AAoBrD,MAAM,0BAA0B,EAAA,MAC5B,EAAA,QAAO,EAAA,QAAA,EAAA,KAAmB,CAAA;AAE9B,MAAM;AAIN,EAAA,MAAA,EAAA,WAAA;;;AAGG,EAAA,QAAA,EAAA;AACH,CAAA;AAeA,MAAA,oBAAA,GAAA;;;AAGG,EAAA,MAAA,EAAA,eAAA;AACH,EAAA,MAAA,EAAA,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/index.d.ts

@@ -0,0 +1,5 @@
+export { InputToolBar } from './InputToolBar';
+export { getDefaultLeftItems, getDefaultRightItems } from './defaults';
+export type { InputToolBarProps, LeftToolbarItemId, MicSendButtonConfig, RightToolbarItemId, TemplateButtonConfig, ToolbarItemConfig, } from './types';
+export type { LeftItemOverrides, RightItemOverrides } from './defaults';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/InputToolBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvE,YAAY,EACR,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,GACpB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/InputToolBar/types.d.ts

@@ -0,0 +1,61 @@
+import type { ReactNode } from 'react';
+/** Predefined toolbar action ids for left section (mode toggles, template) */
+export type LeftToolbarItemId = 'search' | 'zap' | 'lightbulb' | 'template';
+/** Predefined toolbar action ids for right section (attach, capture, mic/send) */
+export type RightToolbarItemId = 'tag' | 'chip' | 'camera' | 'attach' | 'mic';
+/** Single toolbar button/item configuration */
+export interface ToolbarItemConfig<TId extends string = string> {
+    /** Unique id for the item (used for enable/disable and callbacks) */
+    id: TId;
+    /** Icon (React node) or custom content for the button */
+    icon?: ReactNode;
+    /** Accessible label / title */
+    label: string;
+    /** Whether the item is enabled (default true) */
+    enabled?: boolean;
+    /** Whether the item is in active/selected state (dark background in UI) */
+    active?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Optional custom button element; when set, icon/label are ignored and this is rendered */
+    customButton?: ReactNode;
+}
+/** When provided, the rightmost button shows Send (arrow) when hasContent is true, else Mic. Replaces any "mic" item in rightItems. */
+export interface MicSendButtonConfig {
+    /** True when input has content – show send icon; otherwise show mic icon */
+    hasContent: boolean;
+    onSend: () => void;
+    onMic: () => void;
+    disabled?: boolean;
+}
+/** Configuration for the optional "+ Template (N)" pill button */
+export interface TemplateButtonConfig {
+    /** Button label prefix, e.g. "+ Template" */
+    label: string;
+    /** Count to show in parentheses, e.g. (1) */
+    count?: number;
+    /** Click handler */
+    onClick?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+}
+/** Props for the InputToolBar container (UI only; data passed via props) */
+export interface InputToolBarProps {
+    /** Optional class name for the toolbar container */
+    className?: string;
+    /** Left section: predefined items (search, zap, lightbulb) + optional template pill. Pass enabled: false to hide/disable. */
+    leftItems?: Array<ToolbarItemConfig<LeftToolbarItemId>>;
+    /** Right section: tag, chip, camera, attach, mic. Pass enabled: false to hide/disable. */
+    rightItems?: Array<ToolbarItemConfig<RightToolbarItemId>>;
+    /** Optional template pill button config (e.g. "+ Template (1)") */
+    templateButton?: TemplateButtonConfig | null;
+    /** Custom content to render in the left section instead of leftItems (takes precedence) */
+    leftCustomRender?: ReactNode;
+    /** Custom content to render in the right section instead of rightItems (takes precedence) */
+    rightCustomRender?: ReactNode;
+    /** When set, shows Send (arrow) when input has content, else Mic. Replaces "mic" in rightItems. */
+    micSendButton?: MicSendButtonConfig | null;
+    /** Optional content in the middle (e.g. text input); can be used with or without left/right */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/InputToolBar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,8EAA8E;AAC9E,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,CAAC;AAE5E,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE9E,+CAA+C;AAC/C,MAAM,WAAW,iBAAiB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IAC1D,qEAAqE;IACrE,EAAE,EAAE,GAAG,CAAC;IACR,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,uIAAuI;AACvI,MAAM,WAAW,mBAAmB;IAChC,4EAA4E;IAC5E,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,kEAAkE;AAClE,MAAM,WAAW,oBAAoB;IACjC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,4EAA4E;AAC5E,MAAM,WAAW,iBAAiB;IAC9B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6HAA6H;IAC7H,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACxD,0FAA0F;IAC1F,UAAU,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC1D,mEAAmE;IACnE,cAAc,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mGAAmG;IACnG,aAAa,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB"}

package/lib/components/Markdown/MarkdownBreadcrumbs.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface MarkdownBreadcrumbsProps {
+    categoryId: string;
+    categoryTitle?: string;
+    markdownTitle: string;
+    className?: string;
+    getHelpCenterLink: () => string;
+    getCategoryLink: (categoryId: string) => string;
+    helpCenterLabel: string;
+}
+export declare const MarkdownBreadcrumbs: React.FC<MarkdownBreadcrumbsProps>;
+export {};
+//# sourceMappingURL=MarkdownBreadcrumbs.d.ts.map

package/lib/components/Markdown/MarkdownBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,wBAAwB;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwBlE,CAAC"}

package/lib/components/Markdown/MarkdownBreadcrumbs.js

@@ -0,0 +1,27 @@
+import React__default from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownBreadcrumbs = ({
+  categoryId,
+  categoryTitle,
+  markdownTitle,
+  className,
+  getHelpCenterLink,
+  getCategoryLink,
+  helpCenterLabel
+}) => {
+  return React__default.createElement("div", {
+    className: cn('w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16', className)
+  }, React__default.createElement("nav", {
+    className: "flex items-center space-x-2 text-sm text-muted-foreground"
+  }, React__default.createElement(Link, {
+    to: getHelpCenterLink(),
+    className: "hover:text-foreground transition-colors"
+  }, helpCenterLabel), React__default.createElement("span", {
+    className: "text-muted-foreground/60"
+  }, "\u203A"), React__default.createElement(Link, {
+    to: getCategoryLink(categoryId),
+    className: "hover:text-foreground transition-colors"
+  }, categoryTitle || categoryId), React__default.createElement("span", {
+    className: "text-muted-foreground/60"
+  }, "\u203A"), React__default.createElement("span", {
+    className: "text-primary"
+  }, markdownTitle)));
+};export{MarkdownBreadcrumbs};//# sourceMappingURL=MarkdownBreadcrumbs.js.map

package/lib/components/Markdown/MarkdownBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownBreadcrumbs.js","sources":["../../../src/components/Markdown/MarkdownBreadcrumbs.tsx"],"sourcesContent":[null],"names":[],"mappings":"mLAMI,MAAA,mBAAuB,GAAA,CAAA;YACvB;eACU;eACV;AACA,EAAA,SAAA;mBACe;AAClB,EAAA,eAAA;AAED,EAAA;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownCopyButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface MarkdownCopyButtonProps {
+    markdownTitle: string;
+    markdownContent: string;
+    markdownUrl?: string;
+    className?: string;
+}
+export declare const MarkdownCopyButton: React.FC<MarkdownCopyButtonProps>;
+export {};
+//# sourceMappingURL=MarkdownCopyButton.d.ts.map

package/lib/components/Markdown/MarkdownCopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCopyButton.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownCopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,uBAAuB;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsQhE,CAAC"}

package/lib/components/Markdown/MarkdownCopyButton.js

@@ -0,0 +1,200 @@
+import React__default,{useState,useRef,useEffect}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownCopyButton = ({
+  markdownTitle,
+  markdownContent,
+  markdownUrl,
+  className
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [copySuccess, setCopySuccess] = useState(false);
+  const dropdownRef = useRef(null);
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isOpen]);
+  // Convert HTML to Markdown (simplified version)
+  const htmlToMarkdown = html => {
+    // Remove script and style tags
+    let text = html.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '');
+    text = text.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '');
+    // Convert headings
+    text = text.replace(/<h([1-6])[^>]*>(.*?)<\/h\1>/gi, (match, level, content) => {
+      const hashes = '#'.repeat(parseInt(level));
+      return `\n${hashes} ${content.trim()}\n`;
+    });
+    // Convert bold
+    text = text.replace(/<strong[^>]*>(.*?)<\/strong>/gi, '**$1**');
+    text = text.replace(/<b[^>]*>(.*?)<\/b>/gi, '**$1**');
+    // Convert italic
+    text = text.replace(/<em[^>]*>(.*?)<\/em>/gi, '*$1*');
+    text = text.replace(/<i[^>]*>(.*?)<\/i>/gi, '*$1*');
+    // Convert links
+    text = text.replace(/<a[^>]*href=["']([^"']*)["'][^>]*>(.*?)<\/a>/gi, '[$2]($1)');
+    // Convert code blocks
+    text = text.replace(/<pre[^>]*><code[^>]*>(.*?)<\/code><\/pre>/gis, '```\n$1\n```');
+    text = text.replace(/<code[^>]*>(.*?)<\/code>/gi, '`$1`');
+    // Convert lists
+    text = text.replace(/<ul[^>]*>(.*?)<\/ul>/gis, (match, content) => {
+      const items = content.match(/<li[^>]*>(.*?)<\/li>/gis) || [];
+      return '\n' + items.map(item => {
+        const cleanItem = item.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+        return `- ${cleanItem}`;
+      }).join('\n') + '\n';
+    });
+    text = text.replace(/<ol[^>]*>(.*?)<\/ol>/gis, (match, content) => {
+      const items = content.match(/<li[^>]*>(.*?)<\/li>/gis) || [];
+      return '\n' + items.map((item, index) => {
+        const cleanItem = item.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+        return `${index + 1}. ${cleanItem}`;
+      }).join('\n') + '\n';
+    });
+    // Convert paragraphs
+    text = text.replace(/<p[^>]*>(.*?)<\/p>/gi, '$1\n\n');
+    // Remove remaining HTML tags
+    text = text.replace(/<[^>]+>/g, '');
+    // Decode HTML entities
+    const textarea = document.createElement('textarea');
+    textarea.innerHTML = text;
+    text = textarea.value;
+    // Clean up extra whitespace
+    text = text.replace(/\n{3,}/g, '\n\n').trim();
+    return `# ${markdownTitle}\n\n${text}`;
+  };
+  const handleCopyMarkdown = async () => {
+    try {
+      const markdown = htmlToMarkdown(markdownContent);
+      await navigator.clipboard.writeText(markdown);
+      setCopySuccess(true);
+      setIsOpen(false);
+      setTimeout(() => setCopySuccess(false), 2000);
+    } catch (err) {
+      console.error('Failed to copy:', err);
+    }
+  };
+  const handleOpenChatGPT = () => {
+    const url = `https://chat.openai.com/?q=${encodeURIComponent(markdownTitle)}`;
+    window.open(url, '_blank');
+    setIsOpen(false);
+  };
+  const handleOpenClaude = () => {
+    const url = `https://claude.ai/?q=${encodeURIComponent(markdownTitle)}`;
+    window.open(url, '_blank');
+    setIsOpen(false);
+  };
+  return React__default.createElement("div", {
+    className: cn('relative inline-flex items-center rounded-md border border-border bg-background', className),
+    ref: dropdownRef
+  }, React__default.createElement("div", {
+    className: "flex items-center overflow-hidden rounded-md"
+  }, React__default.createElement("button", {
+    onClick: handleCopyMarkdown,
+    className: cn('flex items-center gap-2 px-3 py-1.5', 'bg-background hover:bg-muted/50 transition-colors', 'text-sm text-foreground', 'border-0')
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+  })), React__default.createElement("span", null, copySuccess ? 'Copied' : 'Copy page')), React__default.createElement("div", {
+    className: "h-5 w-px bg-border"
+  }), React__default.createElement("button", {
+    onClick: e => {
+      e.stopPropagation();
+      setIsOpen(!isOpen);
+    },
+    className: cn('flex items-center justify-center px-2 py-1.5', 'bg-background hover:bg-muted/50 transition-colors', 'text-sm text-foreground', 'border-0')
+  }, React__default.createElement("svg", {
+    className: cn('w-3 h-3 transition-transform', isOpen && 'rotate-180'),
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M19 9l-7 7-7-7"
+  })))), isOpen && React__default.createElement("div", {
+    className: "absolute right-0 top-full mt-2 w-64 bg-background border border-border rounded-lg shadow-lg z-[100] overflow-hidden"
+  }, React__default.createElement("div", {
+    className: "py-1"
+  }, React__default.createElement("button", {
+    onClick: handleCopyMarkdown,
+    className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group"
+  }, React__default.createElement("svg", {
+    className: "w-5 h-5 text-muted-foreground group-hover:text-foreground mt-0.5 flex-shrink-0",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+  })), React__default.createElement("div", {
+    className: "flex-1 min-w-0"
+  }, React__default.createElement("div", {
+    className: "text-sm font-medium text-foreground"
+  }, "Copy page"), React__default.createElement("div", {
+    className: "text-xs text-muted-foreground mt-0.5"
+  }, "Copy page as Markdown for LLMs"))), React__default.createElement("button", {
+    onClick: handleOpenChatGPT,
+    className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group"
+  }, React__default.createElement("div", {
+    className: "w-5 h-5 mt-0.5 flex-shrink-0 flex items-center justify-center"
+  }, React__default.createElement("span", {
+    className: "text-lg"
+  }, "\uD83E\uDD16")), React__default.createElement("div", {
+    className: "flex-1 min-w-0"
+  }, React__default.createElement("div", {
+    className: "text-sm font-medium text-foreground"
+  }, "Open in ChatGPT"), React__default.createElement("div", {
+    className: "text-xs text-muted-foreground mt-0.5"
+  }, "Ask questions about this page")), React__default.createElement("svg", {
+    className: "w-4 h-4 text-muted-foreground group-hover:text-foreground mt-1 flex-shrink-0",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M9 5l7 7-7 7"
+  }))), React__default.createElement("button", {
+    onClick: handleOpenClaude,
+    className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group"
+  }, React__default.createElement("div", {
+    className: "w-5 h-5 mt-0.5 flex-shrink-0 flex items-center justify-center"
+  }, React__default.createElement("span", {
+    className: "text-lg"
+  }, "\u2744\uFE0F")), React__default.createElement("div", {
+    className: "flex-1 min-w-0"
+  }, React__default.createElement("div", {
+    className: "text-sm font-medium text-foreground"
+  }, "Open in Claude"), React__default.createElement("div", {
+    className: "text-xs text-muted-foreground mt-0.5"
+  }, "Ask questions about this page")), React__default.createElement("svg", {
+    className: "w-4 h-4 text-muted-foreground group-hover:text-foreground mt-1 flex-shrink-0",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M9 5l7 7-7 7"
+  }))))));
+};export{MarkdownCopyButton};//# sourceMappingURL=MarkdownCopyButton.js.map

package/lib/components/Markdown/MarkdownCopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCopyButton.js","sources":["../../../src/components/Markdown/MarkdownCopyButton.tsx"],"sourcesContent":[null],"names":[],"mappings":"0KAII,MAAA,kBAAsB,GAAA,CAAA;eACtB;iBACY;aACH;AACZ,EAAA;AAED,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface MarkdownHeaderProps {
+    categoryTitle?: string;
+    title: string;
+    description?: string;
+    author?: string;
+    updatedAt?: string;
+    markdownContent: string;
+    className?: string;
+}
+export declare const MarkdownHeader: React.FC<MarkdownHeaderProps>;
+export {};
+//# sourceMappingURL=MarkdownHeader.d.ts.map

package/lib/components/Markdown/MarkdownHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmDxD,CAAC"}

package/lib/components/Markdown/MarkdownHeader.js

@@ -0,0 +1,29 @@
+import React__default from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownHeader = ({
+  categoryTitle,
+  title,
+  description,
+  author,
+  updatedAt,
+  markdownContent,
+  className
+}) => {
+  return React__default.createElement("div", {
+    className: cn('mb-10', className)
+  }, categoryTitle && React__default.createElement("div", {
+    className: "text-[11px] font-semibold tracking-[0.16em] uppercase text-primary mb-3"
+  }, categoryTitle), React__default.createElement("div", {
+    className: "flex items-start justify-between gap-4 mb-5"
+  }, React__default.createElement("h1", {
+    className: "text-[2.4rem] md:text-[2.9rem] lg:text-[3.1rem] font-semibold text-foreground leading-tight tracking-tight flex-1"
+  }, title)), description && React__default.createElement("p", {
+    className: "text-[1.15rem] md:text-[1.3rem] text-muted-foreground mb-8 leading-relaxed font-normal max-w-3xl"
+  }, description), (author || updatedAt) && React__default.createElement("div", {
+    className: "flex items-center space-x-4 text-sm text-muted-foreground"
+  }, author && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "flex items-center"
+  }, React__default.createElement("div", {
+    className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground font-medium"
+  }, author.charAt(0)), React__default.createElement("span", null, "Written by ", author)), updatedAt && React__default.createElement("span", {
+    className: "text-muted-foreground/60"
+  }, "\u2022")), updatedAt && React__default.createElement("span", null, "Updated ", updatedAt)));
+};export{MarkdownHeader};//# sourceMappingURL=MarkdownHeader.js.map

package/lib/components/Markdown/MarkdownHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownHeader.js","sources":["../../../src/components/Markdown/MarkdownHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":"+IAII,MAAA,cAAuB,GAAA,CAAA;;OAEvB;aACS;QACT;WACA;iBACY;AACf,EAAA;AAED,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownNavigation.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Markdown {
+    categoryId: string;
+    slug: string;
+    title: string;
+}
+interface MarkdownNavigationProps {
+    previousMarkdown?: Markdown | null;
+    nextMarkdown?: Markdown | null;
+    className?: string;
+    getMarkdownLink: (categoryId: string, slug: string) => string;
+}
+export declare const MarkdownNavigation: React.FC<MarkdownNavigationProps>;
+export {};
+//# sourceMappingURL=MarkdownNavigation.d.ts.map

package/lib/components/Markdown/MarkdownNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,QAAQ;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,uBAAuB;IAC7B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACjE;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+ChE,CAAC"}

package/lib/components/Markdown/MarkdownNavigation.js

@@ -0,0 +1,31 @@
+import React__default from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownNavigation = ({
+  previousMarkdown,
+  nextMarkdown,
+  className,
+  getMarkdownLink
+}) => {
+  if (!previousMarkdown && !nextMarkdown) {
+    return null;
+  }
+  return React__default.createElement("div", {
+    className: cn('mt-16 pt-8 border-t border-border grid grid-cols-1 md:grid-cols-2 gap-6', className)
+  }, previousMarkdown ? React__default.createElement(Link, {
+    to: getMarkdownLink(previousMarkdown.categoryId, previousMarkdown.slug),
+    className: cn('group rounded-lg border border-border bg-background px-6 py-5', 'hover:bg-muted/30 transition-colors')
+  }, React__default.createElement("div", {
+    className: "text-sm text-muted-foreground mb-1"
+  }, "Previous"), React__default.createElement("div", {
+    className: "text-primary font-semibold group-hover:underline text-base"
+  }, "\u00AB ", previousMarkdown.title)) : React__default.createElement("div", {
+    className: "hidden md:block"
+  }), nextMarkdown ? React__default.createElement(Link, {
+    to: getMarkdownLink(nextMarkdown.categoryId, nextMarkdown.slug),
+    className: cn('group rounded-lg border border-border bg-background px-6 py-5', 'hover:bg-muted/30 transition-colors md:text-right')
+  }, React__default.createElement("div", {
+    className: "text-sm text-muted-foreground mb-1"
+  }, "Next"), React__default.createElement("div", {
+    className: "text-primary font-semibold group-hover:underline text-base"
+  }, nextMarkdown.title, " \u00BB")) : React__default.createElement("div", {
+    className: "hidden md:block"
+  }));
+};export{MarkdownNavigation};//# sourceMappingURL=MarkdownNavigation.js.map

package/lib/components/Markdown/MarkdownNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownNavigation.js","sources":["../../../src/components/Markdown/MarkdownNavigation.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2MAMiB,GAAA,CAAA;kBACC;AACjB,EAAA,YAAA;AAED,EAAA,SAAU;AACN,EAAA;AACA,CAAA,KAAA;MACA,CAAA,gBAAmB,IAAA,CAAA,YAAA,EAAA;IACnB,OAAA,IAAA;AACH,EAAA;AAED,EAAA,OAAAA,cAAA,CAAO;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownPage.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export interface Heading {
+    id: string;
+    text: string;
+    level: number;
+}
+export interface Markdown {
+    id: string;
+    title: string;
+    description: string;
+    slug: string;
+    author: string;
+    updatedAt: string;
+    categoryId: string;
+    content: string;
+    htmlContent: string;
+    headings: Heading[];
+}
+export interface NavigationItem {
+    categoryId: string;
+    slug: string;
+    title: string;
+}
+interface MarkdownPageProps {
+    article?: Markdown | null;
+    categoryId?: string;
+    categoryTitle?: string;
+    articleSlug?: string;
+    loadArticle?: (slug: string) => Promise<Markdown | null>;
+    previousMarkdown?: NavigationItem | null;
+    nextMarkdown?: NavigationItem | null;
+    getMarkdownLink: (categoryId: string, slug: string) => string;
+    getCategoryLink: (categoryId: string) => string;
+    getHelpCenterLink: () => string;
+    helpCenterLabel: string;
+    backToHelpCenterLabel?: string;
+    className?: string;
+}
+export declare const MarkdownPage: React.FC<MarkdownPageProps>;
+export {};
+//# sourceMappingURL=MarkdownPage.d.ts.map

package/lib/components/Markdown/MarkdownPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPage.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAS3D,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iBAAiB;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9D,eAAe,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,iBAAiB,EAAE,MAAM,MAAM,CAAC;IAChC,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwQpD,CAAC"}

package/lib/components/Markdown/MarkdownPage.js

@@ -0,0 +1,221 @@
+import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';import {MarkdownTableOfContents}from'./MarkdownTableOfContents.js';import {MarkdownNavigation}from'./MarkdownNavigation.js';import {MarkdownBreadcrumbs}from'./MarkdownBreadcrumbs.js';import {MarkdownCopyButton}from'./MarkdownCopyButton.js';const MarkdownPage = ({
+  article: articleProp,
+  categoryId: categoryIdProp,
+  categoryTitle: categoryTitleProp,
+  articleSlug,
+  loadArticle,
+  previousMarkdown: previousMarkdownProp,
+  nextMarkdown: nextMarkdownProp,
+  getMarkdownLink,
+  getCategoryLink,
+  getHelpCenterLink,
+  helpCenterLabel,
+  backToHelpCenterLabel,
+  className
+}) => {
+  const [article, setArticle] = useState(articleProp || null);
+  const [loading, setLoading] = useState(!articleProp && !!articleSlug);
+  const [activeHeadingId, setActiveHeadingId] = useState('');
+  const observerRef = useRef(null);
+  const isScrollingRef = useRef(false);
+  const scrollTimeoutRef = useRef(null);
+  useEffect(() => {
+    if (articleProp) {
+      setArticle(articleProp);
+      setLoading(false);
+    } else if (articleSlug && loadArticle) {
+      const loadContent = async () => {
+        const articleData = await loadArticle(articleSlug);
+        setArticle(articleData);
+        setLoading(false);
+      };
+      loadContent();
+    } else if (!articleProp && !articleSlug) {
+      setLoading(false);
+    }
+  }, [articleProp, articleSlug, loadArticle]);
+  // Scroll spy functionality
+  useEffect(() => {
+    if (!article?.headings || article.headings.length === 0) return;
+    // Clean up previous observer
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+    }
+    // Create new intersection observer
+    observerRef.current = new IntersectionObserver(entries => {
+      // Don't update if we're programmatically scrolling
+      if (isScrollingRef.current) return;
+      // Find the heading that's most visible in the viewport
+      const visibleEntries = entries.filter(entry => entry.isIntersecting);
+      if (visibleEntries.length === 0) return;
+      // Find the heading that's closest to the top of the viewport (within the top 30%)
+      // Prioritize headings that are in the upper portion of the viewport
+      let bestEntry = visibleEntries[0];
+      let bestScore = Infinity;
+      visibleEntries.forEach(entry => {
+        const rect = entry.boundingClientRect;
+        const viewportHeight = window.innerHeight;
+        const top30Percent = viewportHeight * 0.3;
+        // Calculate a score: lower is better
+        // Headings in the top 30% of viewport get priority
+        let score;
+        if (rect.top >= 0 && rect.top <= top30Percent) {
+          // Heading is in the top 30% - prioritize by distance from top
+          score = rect.top;
+        } else if (rect.top >= 0) {
+          // Heading is below top 30% but visible - lower priority
+          score = 1000 + rect.top;
+        } else {
+          // Heading is above viewport - lowest priority unless it's the only one
+          score = 2000 + Math.abs(rect.top);
+        }
+        if (score < bestScore) {
+          bestScore = score;
+          bestEntry = entry;
+        }
+      });
+      setActiveHeadingId(bestEntry.target.id);
+    }, {
+      rootMargin: '-10% 0px -70% 0px',
+      threshold: [0, 0.1, 0.5, 1]
+    });
+    // Observe all headings
+    article.headings.forEach(heading => {
+      const element = document.getElementById(heading.id);
+      if (element && observerRef.current) {
+        observerRef.current.observe(element);
+      }
+    });
+    // Cleanup function
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
+    };
+  }, [article]);
+  if (loading) {
+    return React__default.createElement("div", {
+      className: "min-h-screen bg-background text-foreground overflow-x-hidden"
+    }, React__default.createElement("div", {
+      className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16"
+    }, React__default.createElement("div", {
+      className: "animate-pulse"
+    }, React__default.createElement("div", {
+      className: "h-8 bg-muted rounded w-1/3 mb-4"
+    }), React__default.createElement("div", {
+      className: "h-4 bg-muted rounded w-1/2 mb-8"
+    }), React__default.createElement("div", {
+      className: "space-y-4"
+    }, React__default.createElement("div", {
+      className: "h-4 bg-muted rounded"
+    }), React__default.createElement("div", {
+      className: "h-4 bg-muted rounded w-5/6"
+    }), React__default.createElement("div", {
+      className: "h-4 bg-muted rounded w-4/6"
+    })))));
+  }
+  if (!article) {
+    return React__default.createElement("div", {
+      className: "min-h-screen bg-background text-foreground mt-20 overflow-x-hidden"
+    }, React__default.createElement("div", {
+      className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16"
+    }, React__default.createElement("h1", {
+      className: "text-2xl font-bold"
+    }, "Article not found"), React__default.createElement(Link, {
+      to: getHelpCenterLink(),
+      className: "mt-4 text-primary hover:text-primary/80"
+    }, backToHelpCenterLabel || `← Back to ${helpCenterLabel}`)));
+  }
+  // Use previous/next articles from props
+  const previousMarkdown = previousMarkdownProp;
+  const nextMarkdown = nextMarkdownProp;
+  return React__default.createElement("div", {
+    className: cn('min-h-screen bg-background text-foreground scroll-smooth overflow-x-hidden', className)
+  }, React__default.createElement("div", {
+    className: "flex w-full justify-center gap-10"
+  }, React__default.createElement("div", {
+    className: "flex-1  max-w-3xl w-full"
+  }, React__default.createElement("div", {
+    className: "flex items-center justify-between"
+  }, React__default.createElement(MarkdownBreadcrumbs, {
+    categoryId: article.categoryId || categoryIdProp || '',
+    categoryTitle: categoryTitleProp,
+    markdownTitle: article.title,
+    className: "pb-4",
+    getHelpCenterLink: getHelpCenterLink,
+    getCategoryLink: getCategoryLink,
+    helpCenterLabel: helpCenterLabel
+  }), React__default.createElement(MarkdownCopyButton, {
+    markdownTitle: article.title,
+    markdownContent: article.htmlContent,
+    className: "flex-shrink-0"
+  })), React__default.createElement("main", {
+    className: "w-full py-2"
+  }, React__default.createElement("div", {
+    className: "max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 relative"
+  }, React__default.createElement("div", {
+    className: "flex flex-col xl:flex-row gap-12 xl:gap-16 align-start"
+  }, React__default.createElement("div", {
+    className: "flex-1 min-w-0 max-w-5xl"
+  }, React__default.createElement("div", {
+    className: "prose prose-lg max-w-none w-full overflow-x-hidden"
+  }, React__default.createElement("div", {
+    className: cn(
+    // Base prose styles
+    'prose-headings:font-semibold prose-headings:text-foreground prose-headings:tracking-tight',
+    // Body H1 styles (within article) - slightly smaller than page title
+    'prose-h1:text-[1.5rem] prose-h1:md:text-[1.75rem] prose-h1:mb-4 prose-h1:mt-5 prose-h1:leading-tight',
+    // H2 styles - strong section headings
+    'prose-h2:text-[1.2rem] prose-h2:md:text-[1.5rem] prose-h2:mb-4 prose-h2:mt-5 prose-h2:leading-tight',
+    // H3 styles - sub section headings
+    'prose-h3:text-[1.05rem] prose-h3:md:text-[1.25rem] prose-h3:mb-3 prose-h3:mt-4 prose-h3:leading-snug',
+    // H4 styles
+    'prose-h4:text-lg prose-h4:md:text-xl prose-h4:mb-3 prose-h4:mt-4',
+    // Paragraph styles
+    'prose-p:text-[0.85rem] prose-p:md:text-[0.95rem] prose-p:text-muted-foreground prose-p:leading-relaxed prose-p:mb-5',
+    // Strong text
+    'prose-strong:text-foreground prose-strong:font-semibold',
+    // Links
+    'prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-a:font-medium',
+    // Lists
+    'prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-li:mb-2 prose-li:text-base prose-li:md:text-lg',
+    // Blockquotes
+    'prose-blockquote:text-muted-foreground prose-blockquote:border-l-primary prose-blockquote:pl-4 prose-blockquote:my-6',
+    // Code
+    'prose-code:text-foreground prose-code:bg-muted prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:text-sm prose-code:font-mono',
+    // Pre blocks
+    'prose-pre:bg-muted prose-pre:text-foreground prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:p-4 prose-pre:my-6',
+    // Images
+    'prose-img:rounded-lg prose-img:my-8',
+    // Tables
+    'prose-table:text-muted-foreground prose-th:text-foreground prose-th:font-semibold',
+    // Horizontal rules
+    'prose-hr:border-border prose-hr:my-8'),
+    dangerouslySetInnerHTML: {
+      __html: article.htmlContent
+    }
+  })), React__default.createElement(MarkdownNavigation, {
+    previousMarkdown: previousMarkdown,
+    nextMarkdown: nextMarkdown,
+    getMarkdownLink: getMarkdownLink
+  })))))), React__default.createElement(MarkdownTableOfContents, {
+    headings: article.headings || [],
+    activeHeadingId: activeHeadingId,
+    onHeadingClick: headingId => {
+      // Set scrolling flag to prevent observer from overriding
+      isScrollingRef.current = true;
+      setActiveHeadingId(headingId);
+      // Clear any existing timeout
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
+      // Re-enable observer after scroll completes (smooth scroll takes ~500ms)
+      scrollTimeoutRef.current = setTimeout(() => {
+        isScrollingRef.current = false;
+      }, 800);
+    }
+  })));
+};export{MarkdownPage};//# sourceMappingURL=MarkdownPage.js.map

package/lib/components/Markdown/MarkdownPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPage.js","sources":["../../../src/components/Markdown/MarkdownPage.tsx"],"sourcesContent":[null],"names":[],"mappings":"gdAiBkB,GAAA,CAAA;SACd,EAAA;4BACa;kCACE;aACN;aACT;oBACgB,oBAAA;cAChB,EAAW,gBAAS;iBACV;AACb,EAAA,eAAA;AAED,EAAA,iBAAiB;;uBAEA;;AAEhB,CAAA,KAAA;AAED,EAAA,MAAA,CAAA,OAAU,EAAA,UAAiB,CAAA,GAAA,QAAA,CAAA,WAAA,IAAA,IAAA,CAAA;AACvB,EAAA,MAAA,CAAA,OAAU,EAAA,WAAe,GAAC,QAAA,CAAA,CAAA,WAAA,IAAA,CAAA,CAAA,WAAA,CAAA;QAC1B,CAAA,eAAoB,EAAA,kBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACpB,WAAc,GAAE,MAAO,CAAA,IAAA,CAAA;QACvB,cAAc,GAAO,MAAA,CAAA,KAAA,CAAA;AACrB,EAAA,MAAA,gBAAmB,GAAE,MAAM,CAAA,IAAK,CAAA;AAChC,EAAA,SAAA,CAAA,MAAA;AACA,IAAA,IAAA,WAAe,EAAA;MACf,UAAA,CAAA,WAAkB,CAAA;AAClB,MAAA,UAAA,CAAA,KAAkB,CAAA;IAClB,CAAA,MAAA,IAAA,WAAmB,IAAM,WAAO,EAAA;MAChC,MAAA,0BAAwB;QACxB,MAAA,WAAqB,GAAG,MAAM,WAAC,CAAA,WAAA,CAAA;QAC/B,UAAY,CAAA,WAAO,CAAA;AACtB,QAAA,UAAA,CAAA,KAAA,CAAA;AAED,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownTableOfContents.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Heading {
+    id: string;
+    text: string;
+    level: number;
+}
+interface MarkdownTableOfContentsProps {
+    headings: Heading[];
+    activeHeadingId: string;
+    onHeadingClick?: (headingId: string) => void;
+    className?: string;
+}
+export declare const MarkdownTableOfContents: React.FC<MarkdownTableOfContentsProps>;
+export {};
+//# sourceMappingURL=MarkdownTableOfContents.d.ts.map

package/lib/components/Markdown/MarkdownTableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTableOfContents.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownTableOfContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,4BAA4B;IAClC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA6E1E,CAAC"}

package/lib/components/Markdown/MarkdownTableOfContents.js

@@ -0,0 +1,51 @@
+import React__default from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownTableOfContents = ({
+  headings,
+  activeHeadingId,
+  onHeadingClick,
+  className
+}) => {
+  if (!headings || headings.length === 0) {
+    return null;
+  }
+  const handleClick = headingId => {
+    // Immediately set the active heading when clicked
+    if (onHeadingClick) {
+      onHeadingClick(headingId);
+    }
+    // Smooth scroll to the heading with proper offset
+    const element = document.getElementById(headingId);
+    if (element) {
+      // Calculate the position with offset for header
+      const elementPosition = element.getBoundingClientRect().top + window.pageYOffset;
+      const offsetPosition = elementPosition - 100; // 100px offset from top
+      window.scrollTo({
+        top: offsetPosition,
+        behavior: 'smooth'
+      });
+    }
+  };
+  return React__default.createElement("aside", {
+    className: "hidden xl:block xl:w-80 xl:flex-shrink-0 max-w-[28rem]"
+  }, React__default.createElement("div", {
+    className: "fixed flex flex-col h-[calc(100vh-3rem)] w-[19rem]"
+  }, React__default.createElement("div", {
+    className: "mb-4 flex-shrink-0"
+  }, React__default.createElement("h2", {
+    className: "text-sm font-semibold text-primary flex items-center"
+  }, React__default.createElement("span", {
+    className: "mr-2"
+  }, "\u2630"), "On this page")), React__default.createElement("nav", {
+    className: "space-y-1 flex-1 overflow-y-auto overflow-x-hidden min-h-0"
+  }, headings.map((heading, index) => {
+    const isActive = activeHeadingId === heading.id;
+    return React__default.createElement(Link, {
+      key: index,
+      to: `#${heading.id}`,
+      onClick: e => {
+        e.preventDefault();
+        handleClick(heading.id);
+      },
+      className: cn('relative block text-sm transition-colors py-1 pl-4', 'border-l-2 border-transparent', isActive ? 'text-primary border-l-primary bg-muted/20' : 'text-muted-foreground hover:text-primary hover:border-l-primary', heading.level === 1 ? 'font-semibold' : heading.level === 2 ? 'ml-2' : heading.level === 3 ? 'ml-4' : heading.level === 4 ? 'ml-6' : heading.level === 5 ? 'ml-8' : 'ml-10')
+    }, heading.text);
+  }))));
+};export{MarkdownTableOfContents};//# sourceMappingURL=MarkdownTableOfContents.js.map

package/lib/components/Markdown/MarkdownTableOfContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTableOfContents.js","sources":["../../../src/components/Markdown/MarkdownTableOfContents.tsx"],"sourcesContent":[null],"names":[],"mappings":"gNAMiB,GAAA,CAAA;UACR;AACR,EAAA,eAAA;AAED,EAAA,cAAU;;MAEN;MACA,CAAA,QAAA,IAAe,QAAG,CAAA,MAAW,KAAM,CAAA,EAAA;IACnC,OAAA,IAAU;AACb,EAAA;AAED,EAAA,MAAA,WAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/index.d.ts

@@ -0,0 +1,7 @@
+export * from './MarkdownBreadcrumbs';
+export * from './MarkdownCopyButton';
+export * from './MarkdownHeader';
+export * from './MarkdownNavigation';
+export * from './MarkdownPage';
+export * from './MarkdownTableOfContents';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Markdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC"}

package/lib/components/Select/Select.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {Search,ChevronDown}from'lucide-react';import {cn}from'../../utils/util.js';const SelectContext = React.createContext(undefined);
+import*as React from'react';import {ChevronDown,Search}from'lucide-react';import {cn}from'../../utils/util.js';const SelectContext = React.createContext(undefined);
 const SelectProvider = ({
   children,
   value,

package/lib/components/index.d.ts

@@ -11,5 +11,7 @@ export * from './DatePicker';
 export * from './Button/Button';
 export * from './ThemeProvider';
 export * from './LanguageMenuDropdown';
+export * from './InputToolBar';
+export * from './Markdown';
 export { PageLoading };
 //# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/index.js

@@ -1 +1 @@
-export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{RemixErrorBoundary}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{SPAErrorBoundary}from'./components/ErrorHandlers/SPAErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map
+export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{RemixErrorBoundary}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{SPAErrorBoundary}from'./components/ErrorHandlers/SPAErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{InputToolBar}from'./components/InputToolBar/InputToolBar.js';export{getDefaultLeftItems,getDefaultRightItems}from'./components/InputToolBar/defaults.js';export{MarkdownBreadcrumbs}from'./components/Markdown/MarkdownBreadcrumbs.js';export{MarkdownCopyButton}from'./components/Markdown/MarkdownCopyButton.js';export{MarkdownHeader}from'./components/Markdown/MarkdownHeader.js';export{MarkdownNavigation}from'./components/Markdown/MarkdownNavigation.js';export{MarkdownPage}from'./components/Markdown/MarkdownPage.js';export{MarkdownTableOfContents}from'./components/Markdown/MarkdownTableOfContents.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.12",
+    "version": "12.2.4-alpha.16",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -90,5 +90,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "ebc266babcf79ef46a60363f21c68edf3d2dd1c0"
+    "gitHead": "171b0ea9753cac315279fe1dcbb54f3225ad89e4"
 }