@lobehub/ui 5.9.3 → 5.9.5

package/es/utils/placement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"placement.mjs","names":[],"sources":["../../src/utils/placement.ts"],"sourcesContent":["import type { Placement as FloatingUIPlacement } from '@floating-ui/react';\n\n/**\n * Base UI uses a small set of string literal unions for alignment and side.\n * We re-declare them here to avoid importing internal/non-exported Base UI paths.\n */\nexport type Side = 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start';\nexport type Align = 'start' | 'center' | 'end';\n\nexport type PlacementConfig = {\n  align: Align;\n  side: Side;\n};\n\n/**\n * All supported placement values\n * - Unified placement names for Tooltip, Popover, and DropdownMenu\n * - Ant Design style: topLeft, topCenter, topRight, etc.\n * - Additional aliases: top (same as topCenter), bottom (same as bottomCenter)\n */\nexport type Placement =\n  | 'top'\n  | 'topLeft'\n  | 'topCenter'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomCenter'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom';\n\nconst top: PlacementConfig = { align: 'center', side: 'top' };\nconst topLeft: PlacementConfig = { align: 'start', side: 'top' };\nconst topRight: PlacementConfig = { align: 'end', side: 'top' };\nconst bottom: PlacementConfig = { align: 'center', side: 'bottom' };\nconst bottomLeft: PlacementConfig = { align: 'start', side: 'bottom' };\nconst bottomRight: PlacementConfig = { align: 'end', side: 'bottom' };\nconst left: PlacementConfig = { align: 'center', side: 'left' };\nconst leftTop: PlacementConfig = { align: 'start', side: 'left' };\nconst leftBottom: PlacementConfig = { align: 'end', side: 'left' };\nconst right: PlacementConfig = { align: 'center', side: 'right' };\nconst rightTop: PlacementConfig = { align: 'start', side: 'right' };\nconst rightBottom: PlacementConfig = { align: 'end', side: 'right' };\n\n/**\n * Map of placement values to Base UI placement config\n * Used by Popover and DropdownMenu components\n */\nexport const placementMap: Record<Placement, PlacementConfig> = {\n  bottom,\n  bottomCenter: bottom,\n  bottomLeft,\n  bottomRight,\n  left,\n  leftBottom,\n  leftTop,\n  right,\n  rightBottom,\n  rightTop,\n  top,\n  topCenter: top,\n  topLeft,\n  topRight,\n};\n\n/**\n * Convert unified Placement to Floating UI placement format\n * Used by Tooltip component which uses @floating-ui/react\n *\n * @param placement - Unified placement value\n * @returns Floating UI placement (e.g., 'top-start', 'bottom-end')\n */\nexport const toFloatingUIPlacement = (placement?: Placement): FloatingUIPlacement => {\n  if (!placement) return 'top';\n\n  switch (placement) {\n    case 'topLeft': {\n      return 'top-start';\n    }\n    case 'top':\n    case 'topCenter': {\n      return 'top';\n    }\n    case 'topRight': {\n      return 'top-end';\n    }\n    case 'bottomLeft': {\n      return 'bottom-start';\n    }\n    case 'bottom':\n    case 'bottomCenter': {\n      return 'bottom';\n    }\n    case 'bottomRight': {\n      return 'bottom-end';\n    }\n    case 'leftTop': {\n      return 'left-start';\n    }\n    case 'left': {\n      return 'left';\n    }\n    case 'leftBottom': {\n      return 'left-end';\n    }\n    case 'rightTop': {\n      return 'right-start';\n    }\n    case 'right': {\n      return 'right';\n    }\n    case 'rightBottom': {\n      return 'right-end';\n    }\n    default: {\n      return 'top';\n    }\n  }\n};\n"],"mappings":";AAoCA,MAAM,MAAuB;CAAE,OAAO;CAAU,MAAM;CAAO;AAC7D,MAAM,UAA2B;CAAE,OAAO;CAAS,MAAM;CAAO;AAChE,MAAM,WAA4B;CAAE,OAAO;CAAO,MAAM;CAAO;AAC/D,MAAM,SAA0B;CAAE,OAAO;CAAU,MAAM;CAAU;;;;;AAcnE,MAAa,eAAmD;CAC9D;CACA,cAAc;CACd,YAhBkC;EAAE,OAAO;EAAS,MAAM;EAAU;CAiBpE,aAhBmC;EAAE,OAAO;EAAO,MAAM;EAAU;CAiBnE,MAhB4B;EAAE,OAAO;EAAU,MAAM;EAAQ;CAiB7D,YAfkC;EAAE,OAAO;EAAO,MAAM;EAAQ;CAgBhE,SAjB+B;EAAE,OAAO;EAAS,MAAM;EAAQ;CAkB/D,OAhB6B;EAAE,OAAO;EAAU,MAAM;EAAS;CAiB/D,aAfmC;EAAE,OAAO;EAAO,MAAM;EAAS;CAgBlE,UAjBgC;EAAE,OAAO;EAAS,MAAM;EAAS;CAkBjE;CACA,WAAW;CACX;CACA;CACD;;;;;;;;AASD,MAAa,yBAAyB,cAA+C;AACnF,KAAI,CAAC,UAAW,QAAO;AAEvB,SAAQ,WAAR;EACE,KAAK,UACH,QAAO;EAET,KAAK;EACL,KAAK,YACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK;EACL,KAAK,eACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,KAAK,UACH,QAAO;EAET,KAAK,OACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,QACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,QACE,QAAO"}
+{"version":3,"file":"placement.mjs","names":[],"sources":["../../src/utils/placement.ts"],"sourcesContent":["import type { Placement as FloatingUIPlacement } from '@floating-ui/react';\n\n/**\n * Base UI uses a small set of string literal unions for alignment and side.\n * We re-declare them here to avoid importing internal/non-exported Base UI paths.\n */\nexport type Side = 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start';\nexport type Align = 'start' | 'center' | 'end';\n\nexport type PlacementConfig = {\n  align: Align;\n  side: Side;\n};\n\n/**\n * All supported placement values\n * - Unified placement names for Tooltip, Popover, and DropdownMenu\n * - Ant Design style: topLeft, topCenter, topRight, etc.\n * - Additional aliases: top (same as topCenter), bottom (same as bottomCenter)\n */\nexport type Placement =\n  | 'top'\n  | 'topLeft'\n  | 'topCenter'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomCenter'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom';\n\nconst top: PlacementConfig = { align: 'center', side: 'top' };\nconst topLeft: PlacementConfig = { align: 'start', side: 'top' };\nconst topRight: PlacementConfig = { align: 'end', side: 'top' };\nconst bottom: PlacementConfig = { align: 'center', side: 'bottom' };\nconst bottomLeft: PlacementConfig = { align: 'start', side: 'bottom' };\nconst bottomRight: PlacementConfig = { align: 'end', side: 'bottom' };\nconst left: PlacementConfig = { align: 'center', side: 'left' };\nconst leftTop: PlacementConfig = { align: 'start', side: 'left' };\nconst leftBottom: PlacementConfig = { align: 'end', side: 'left' };\nconst right: PlacementConfig = { align: 'center', side: 'right' };\nconst rightTop: PlacementConfig = { align: 'start', side: 'right' };\nconst rightBottom: PlacementConfig = { align: 'end', side: 'right' };\n\n/**\n * Map of placement values to Base UI placement config\n * Used by Popover and DropdownMenu components\n */\nexport const placementMap: Record<Placement, PlacementConfig> = {\n  bottom,\n  bottomCenter: bottom,\n  bottomLeft,\n  bottomRight,\n  left,\n  leftBottom,\n  leftTop,\n  right,\n  rightBottom,\n  rightTop,\n  top,\n  topCenter: top,\n  topLeft,\n  topRight,\n};\n\n/**\n * Convert unified Placement to Floating UI placement format\n * Used by Tooltip component which uses @floating-ui/react\n *\n * @param placement - Unified placement value\n * @returns Floating UI placement (e.g., 'top-start', 'bottom-end')\n */\nexport const toFloatingUIPlacement = (placement?: Placement): FloatingUIPlacement => {\n  if (!placement) return 'top';\n\n  switch (placement) {\n    case 'topLeft': {\n      return 'top-start';\n    }\n    case 'top':\n    case 'topCenter': {\n      return 'top';\n    }\n    case 'topRight': {\n      return 'top-end';\n    }\n    case 'bottomLeft': {\n      return 'bottom-start';\n    }\n    case 'bottom':\n    case 'bottomCenter': {\n      return 'bottom';\n    }\n    case 'bottomRight': {\n      return 'bottom-end';\n    }\n    case 'leftTop': {\n      return 'left-start';\n    }\n    case 'left': {\n      return 'left';\n    }\n    case 'leftBottom': {\n      return 'left-end';\n    }\n    case 'rightTop': {\n      return 'right-start';\n    }\n    case 'right': {\n      return 'right';\n    }\n    case 'rightBottom': {\n      return 'right-end';\n    }\n    default: {\n      return 'top';\n    }\n  }\n};\n"],"mappings":";AAoCA,MAAM,MAAuB;CAAE,OAAO;CAAU,MAAM;CAAO;AAC7D,MAAM,UAA2B;CAAE,OAAO;CAAS,MAAM;CAAO;AAChE,MAAM,WAA4B;CAAE,OAAO;CAAO,MAAM;CAAO;AAC/D,MAAM,SAA0B;CAAE,OAAO;CAAU,MAAM;CAAU;;;;;AAcnE,MAAa,eAAmD;CAC9D;CACA,cAAc;CACd;EAhBoC,OAAO;EAAS,MAAM;EAgB1D;CACA;EAhBqC,OAAO;EAAO,MAAM;EAgBzD;CACA;EAhB8B,OAAO;EAAU,MAAM;EAgBrD;CACA;EAfoC,OAAO;EAAO,MAAM;EAexD;CACA;EAjBiC,OAAO;EAAS,MAAM;EAiBvD;CACA;EAhB+B,OAAO;EAAU,MAAM;EAgBtD;CACA;EAfqC,OAAO;EAAO,MAAM;EAezD;CACA;EAjBkC,OAAO;EAAS,MAAM;EAiBxD;CACA;CACA,WAAW;CACX;CACA;CACD;;;;;;;;AASD,MAAa,yBAAyB,cAA+C;AACnF,KAAI,CAAC,UAAW,QAAO;AAEvB,SAAQ,WAAR;EACE,KAAK,UACH,QAAO;EAET,KAAK;EACL,KAAK,YACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK;EACL,KAAK,eACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,KAAK,UACH,QAAO;EAET,KAAK,OACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,QACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,QACE,QAAO"}

package/es/utils/smoothCorners.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smoothCorners.mjs","names":[],"sources":["../../src/utils/smoothCorners.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\n/**\n * Smooth Corners utility using Base64 SVG mask\n * A simpler alternative to CSS Houdini Paint API\n */\n\n/**\n * Generate a smooth corners SVG path using superellipse formula\n * @param size - The size of the shape\n * @param n - The superellipse exponent (4 = squircle, 5 = iOS style)\n */\nconst generateSuperellipsePath = (size: number, n: number = 4): string => {\n  const r = size / 2;\n  const points: string[] = [];\n\n  // Generate points for the superellipse\n  for (let i = 0; i <= 360; i += 2) {\n    const angle = (i * Math.PI) / 180;\n    const cosAngle = Math.cos(angle);\n    const sinAngle = Math.sin(angle);\n\n    // Superellipse formula\n    const x = r * Math.sign(cosAngle) * Math.pow(Math.abs(cosAngle), 2 / n);\n    const y = r * Math.sign(sinAngle) * Math.pow(Math.abs(sinAngle), 2 / n);\n\n    points.push(`${r + x},${r + y}`);\n  }\n\n  return `M${points[0]}L${points.slice(1).join('L')}Z`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for smooth corners\n * @param options - Configuration options\n */\nexport const createSmoothCornersMask = (\n  options: {\n    cornerValue?: number;\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100, cornerValue = 4 } = options;\n\n  const path = generateSuperellipsePath(size, cornerValue);\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"${path}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for circle shape\n * @param options - Configuration options\n */\nexport const createCircleMask = (\n  options: {\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100 } = options;\n  const r = size / 2;\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"${r}\" cy=\"${r}\" r=\"${r}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for rounded rectangle\n * @param options - Configuration options\n */\nexport const createRoundedRectMask = (\n  options: {\n    borderRadius?: number;\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100, borderRadius = 15 } = options;\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect x=\"0\" y=\"0\" width=\"${size}\" height=\"${size}\" rx=\"${borderRadius}\" ry=\"${borderRadius}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Predefined smooth corners masks for common corner values\n */\nexport const SMOOTH_CORNER_MASKS = {\n  // Basic shapes\n  circle: createCircleMask(),\n  // Superellipse shapes\n  ios: createSmoothCornersMask({ cornerValue: 5 }),\n\n  sharp: createSmoothCornersMask({ cornerValue: 6 }),\n  smooth: createSmoothCornersMask({ cornerValue: 3 }),\n  square: createRoundedRectMask({ borderRadius: 15 }),\n  squircle: createSmoothCornersMask({ cornerValue: 4 }),\n} as const;\n\n/**\n * CSS helper to apply smooth corners mask\n */\nexport const getSmoothCornersMaskStyle = (\n  cornerType: keyof typeof SMOOTH_CORNER_MASKS = 'squircle',\n): CSSProperties => {\n  return {\n    // WebKit prefix for better browser support\n    WebkitMaskImage: `url(\"${SMOOTH_CORNER_MASKS[cornerType]}\")`,\n\n    WebkitMaskPosition: 'center',\n\n    WebkitMaskRepeat: 'no-repeat',\n\n    WebkitMaskSize: '100% 100%',\n\n    maskImage: `url(\"${SMOOTH_CORNER_MASKS[cornerType]}\")`,\n    maskPosition: 'center',\n    maskRepeat: 'no-repeat',\n    maskSize: '100% 100%',\n  } as CSSProperties;\n};\n"],"mappings":";;;;;;;;;;AAYA,MAAM,4BAA4B,MAAc,IAAY,MAAc;CACxE,MAAM,IAAI,OAAO;CACjB,MAAM,SAAmB,EAAE;AAG3B,MAAK,IAAI,IAAI,GAAG,KAAK,KAAK,KAAK,GAAG;EAChC,MAAM,QAAS,IAAI,KAAK,KAAM;EAC9B,MAAM,WAAW,KAAK,IAAI,MAAM;EAChC,MAAM,WAAW,KAAK,IAAI,MAAM;EAGhC,MAAM,IAAI,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,IAAI,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE;EACvE,MAAM,IAAI,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,IAAI,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE;AAEvE,SAAO,KAAK,GAAG,IAAI,EAAE,GAAG,IAAI,IAAI;;AAGlC,QAAO,IAAI,OAAO,GAAG,GAAG,OAAO,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;;;;;;AAOpD,MAAa,2BACX,UAGI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,KAAK,cAAc,MAAM;CAIxC,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;iBAHvD,yBAAyB,MAAM,YAAY,CAIpC;;IAGjB,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;;AAO/C,MAAa,oBACX,UAEI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,QAAQ;CACvB,MAAM,IAAI,OAAO;CAEjB,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;oBAClD,EAAE,QAAQ,EAAE,OAAO,EAAE;;IAGpC,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;;AAO/C,MAAa,yBACX,UAGI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,KAAK,eAAe,OAAO;CAE1C,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;iCACrC,KAAK,YAAY,KAAK,QAAQ,aAAa,QAAQ,aAAa;;IAG5F,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;AAM/C,MAAa,sBAAsB;CAEjC,QAAQ,kBAAkB;CAE1B,KAAK,wBAAwB,EAAE,aAAa,GAAG,CAAC;CAEhD,OAAO,wBAAwB,EAAE,aAAa,GAAG,CAAC;CAClD,QAAQ,wBAAwB,EAAE,aAAa,GAAG,CAAC;CACnD,QAAQ,sBAAsB,EAAE,cAAc,IAAI,CAAC;CACnD,UAAU,wBAAwB,EAAE,aAAa,GAAG,CAAC;CACtD"}
+{"version":3,"file":"smoothCorners.mjs","names":[],"sources":["../../src/utils/smoothCorners.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\n/**\n * Smooth Corners utility using Base64 SVG mask\n * A simpler alternative to CSS Houdini Paint API\n */\n\n/**\n * Generate a smooth corners SVG path using superellipse formula\n * @param size - The size of the shape\n * @param n - The superellipse exponent (4 = squircle, 5 = iOS style)\n */\nconst generateSuperellipsePath = (size: number, n: number = 4): string => {\n  const r = size / 2;\n  const points: string[] = [];\n\n  // Generate points for the superellipse\n  for (let i = 0; i <= 360; i += 2) {\n    const angle = (i * Math.PI) / 180;\n    const cosAngle = Math.cos(angle);\n    const sinAngle = Math.sin(angle);\n\n    // Superellipse formula\n    const x = r * Math.sign(cosAngle) * Math.pow(Math.abs(cosAngle), 2 / n);\n    const y = r * Math.sign(sinAngle) * Math.pow(Math.abs(sinAngle), 2 / n);\n\n    points.push(`${r + x},${r + y}`);\n  }\n\n  return `M${points[0]}L${points.slice(1).join('L')}Z`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for smooth corners\n * @param options - Configuration options\n */\nexport const createSmoothCornersMask = (\n  options: {\n    cornerValue?: number;\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100, cornerValue = 4 } = options;\n\n  const path = generateSuperellipsePath(size, cornerValue);\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"${path}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for circle shape\n * @param options - Configuration options\n */\nexport const createCircleMask = (\n  options: {\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100 } = options;\n  const r = size / 2;\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"${r}\" cy=\"${r}\" r=\"${r}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Create a Base64 encoded SVG mask for rounded rectangle\n * @param options - Configuration options\n */\nexport const createRoundedRectMask = (\n  options: {\n    borderRadius?: number;\n    size?: number;\n  } = {},\n): string => {\n  const { size = 100, borderRadius = 15 } = options;\n\n  const svg = `\n    <svg width=\"${size}\" height=\"${size}\" viewBox=\"0 0 ${size} ${size}\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect x=\"0\" y=\"0\" width=\"${size}\" height=\"${size}\" rx=\"${borderRadius}\" ry=\"${borderRadius}\" fill=\"white\"/>\n    </svg>\n  `\n    .trim()\n    .replaceAll(/\\s+/g, ' ');\n\n  return `data:image/svg+xml;base64,${btoa(svg)}`;\n};\n\n/**\n * Predefined smooth corners masks for common corner values\n */\nexport const SMOOTH_CORNER_MASKS = {\n  // Basic shapes\n  circle: createCircleMask(),\n  // Superellipse shapes\n  ios: createSmoothCornersMask({ cornerValue: 5 }),\n\n  sharp: createSmoothCornersMask({ cornerValue: 6 }),\n  smooth: createSmoothCornersMask({ cornerValue: 3 }),\n  square: createRoundedRectMask({ borderRadius: 15 }),\n  squircle: createSmoothCornersMask({ cornerValue: 4 }),\n} as const;\n\n/**\n * CSS helper to apply smooth corners mask\n */\nexport const getSmoothCornersMaskStyle = (\n  cornerType: keyof typeof SMOOTH_CORNER_MASKS = 'squircle',\n): CSSProperties => {\n  return {\n    // WebKit prefix for better browser support\n    WebkitMaskImage: `url(\"${SMOOTH_CORNER_MASKS[cornerType]}\")`,\n\n    WebkitMaskPosition: 'center',\n\n    WebkitMaskRepeat: 'no-repeat',\n\n    WebkitMaskSize: '100% 100%',\n\n    maskImage: `url(\"${SMOOTH_CORNER_MASKS[cornerType]}\")`,\n    maskPosition: 'center',\n    maskRepeat: 'no-repeat',\n    maskSize: '100% 100%',\n  } as CSSProperties;\n};\n"],"mappings":";;;;;;;;;;AAYA,MAAM,4BAA4B,MAAc,IAAY,MAAc;CACxE,MAAM,IAAI,OAAO;CACjB,MAAM,SAAmB,EAAE;AAG3B,MAAK,IAAI,IAAI,GAAG,KAAK,KAAK,KAAK,GAAG;EAChC,MAAM,QAAS,IAAI,KAAK,KAAM;EAC9B,MAAM,WAAW,KAAK,IAAI,MAAM;EAChC,MAAM,WAAW,KAAK,IAAI,MAAM;EAGhC,MAAM,IAAI,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,IAAI,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE;EACvE,MAAM,IAAI,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,IAAI,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE;AAEvE,SAAO,KAAK,GAAG,IAAI,EAAE,GAAG,IAAI,IAAI;;AAGlC,QAAO,IAAI,OAAO,GAAG,GAAG,OAAO,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;;;;;;AAOpD,MAAa,2BACX,UAGI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,KAAK,cAAc,MAAM;CAIxC,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;iBAHvD,yBAAyB,MAAM,YAIzB,CAAC;;IAGjB,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;;AAO/C,MAAa,oBACX,UAEI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,QAAQ;CACvB,MAAM,IAAI,OAAO;CAEjB,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;oBAClD,EAAE,QAAQ,EAAE,OAAO,EAAE;;IAGpC,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;;AAO/C,MAAa,yBACX,UAGI,EAAE,KACK;CACX,MAAM,EAAE,OAAO,KAAK,eAAe,OAAO;CAE1C,MAAM,MAAM;kBACI,KAAK,YAAY,KAAK,iBAAiB,KAAK,GAAG,KAAK;iCACrC,KAAK,YAAY,KAAK,QAAQ,aAAa,QAAQ,aAAa;;IAG5F,MAAM,CACN,WAAW,QAAQ,IAAI;AAE1B,QAAO,6BAA6B,KAAK,IAAI;;;;;AAM/C,MAAa,sBAAsB;CAEjC,QAAQ,kBAAkB;CAE1B,KAAK,wBAAwB,EAAE,aAAa,GAAG,CAAC;CAEhD,OAAO,wBAAwB,EAAE,aAAa,GAAG,CAAC;CAClD,QAAQ,wBAAwB,EAAE,aAAa,GAAG,CAAC;CACnD,QAAQ,sBAAsB,EAAE,cAAc,IAAI,CAAC;CACnD,UAAU,wBAAwB,EAAE,aAAa,GAAG,CAAC;CACtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.9.3",
+  "version": "5.9.5",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",