@shipfox/react-ui 0.14.0 → 0.16.0

package/dist/components/date-time-range-picker/date-time-range-picker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-time-range-picker.d.ts","sourceRoot":"","sources":["../../../src/components/date-time-range-picker/date-time-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAKrD,eAAO,MAAM,2BAA2B;;;;8EAyBvC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GACnF,YAAY,CAAC,OAAO,2BAA2B,CAAC,GAAG;IACjD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEJ,eAAO,MAAM,mBAAmB,oIAyJ/B,CAAC"}

package/dist/components/date-time-range-picker/date-time-range-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/date-time-range-picker/date-time-range-picker.tsx"],"sourcesContent":["import {cva, type VariantProps} from 'class-variance-authority';\nimport {Calendar} from 'components/calendar';\nimport {Icon} from 'components/icon';\nimport {Popover, PopoverContent, PopoverTrigger} from 'components/popover';\nimport {format} from 'date-fns';\nimport type {ComponentProps, ReactNode} from 'react';\nimport {forwardRef, useState} from 'react';\nimport type {DateRange as DayPickerDateRange} from 'react-day-picker';\nimport {cn} from 'utils/cn';\n\nexport const dateTimeRangePickerVariants = cva(\n  'min-w-240 relative flex items-center rounded-6 shadow-button-neutral transition-[background-color,box-shadow] outline-none',\n  {\n    variants: {\n      variant: {\n        base: 'bg-background-field-base hover:bg-background-field-hover',\n        component: 'bg-background-field-component hover:bg-background-field-component-hover',\n      },\n      size: {\n        base: 'h-32',\n        small: 'h-28',\n      },\n      state: {\n        default: '',\n        error: 'shadow-border-error',\n        disabled:\n          'bg-background-neutral-disabled shadow-none pointer-events-none cursor-not-allowed',\n      },\n    },\n    defaultVariants: {\n      variant: 'base',\n      size: 'base',\n      state: 'default',\n    },\n  },\n);\n\nexport type DateRange = {\n  start?: Date;\n  end?: Date;\n};\n\nexport type DateTimeRangePickerProps = Omit<ComponentProps<'input'>, 'size' | 'type'> &\n  VariantProps<typeof dateTimeRangePickerVariants> & {\n    dateRange?: DateRange;\n    onDateRangeSelect?: (range: DateRange | undefined) => void;\n    placeholder?: string;\n    dateFormat?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    onClear?: () => void;\n    numberOfMonths?: number;\n    closeOnSelect?: boolean;\n  };\n\nexport const DateTimeRangePicker = forwardRef<HTMLInputElement, DateTimeRangePickerProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      state,\n      dateRange,\n      onDateRangeSelect,\n      placeholder = 'DD/MM/YYYY - DD/MM/YYYY',\n      dateFormat = 'dd/MM/yyyy',\n      leftIcon,\n      rightIcon,\n      onClear,\n      disabled,\n      numberOfMonths = 2,\n      closeOnSelect = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useState(false);\n    const isDisabled = disabled || state === 'disabled';\n    const hasRange = dateRange?.start && dateRange?.end;\n    const displayValue =\n      hasRange && dateRange.start && dateRange.end\n        ? `${format(dateRange.start, dateFormat)} - ${format(dateRange.end, dateFormat)}`\n        : '';\n\n    // Convert our DateRange to react-day-picker's DateRange format\n    const dayPickerRange: DayPickerDateRange | undefined =\n      dateRange?.start || dateRange?.end\n        ? {\n            from: dateRange?.start,\n            to: dateRange?.end,\n          }\n        : undefined;\n\n    const handleSelect = (selectedRange: DayPickerDateRange | undefined) => {\n      if (selectedRange) {\n        onDateRangeSelect?.({\n          start: selectedRange.from,\n          end: selectedRange.to,\n        });\n        // Only close if both dates are selected and closeOnSelect is true\n        if (closeOnSelect && selectedRange.from && selectedRange.to) {\n          setOpen(false);\n        }\n      } else {\n        onDateRangeSelect?.(undefined);\n      }\n    };\n\n    const handleClear = (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onClear?.();\n      setOpen(false);\n    };\n\n    return (\n      <Popover open={open} onOpenChange={setOpen}>\n        <div\n          className={cn(\n            open && 'shadow-border-interactive-with-active',\n            dateTimeRangePickerVariants({variant, size, state: isDisabled ? 'disabled' : state}),\n            className,\n          )}\n        >\n          {/* Calendar Icon Button */}\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              disabled={isDisabled}\n              className={cn(\n                'flex items-center justify-center shrink-0 transition-colors',\n                size === 'small' ? 'size-28' : 'size-32',\n                isDisabled && 'text-foreground-neutral-disabled',\n              )}\n              aria-label=\"Open calendar\"\n            >\n              {leftIcon || (\n                <Icon\n                  name=\"calendar2Line\"\n                  className={cn(\n                    'size-16 text-foreground-neutral-muted',\n                    isDisabled && 'text-foreground-neutral-disabled',\n                  )}\n                />\n              )}\n            </button>\n          </PopoverTrigger>\n\n          {/* Divider */}\n          <div className=\"h-full w-px bg-border-neutral-base shrink-0\" />\n\n          {/* Input Field */}\n          <input\n            ref={ref}\n            type=\"text\"\n            disabled={isDisabled}\n            placeholder={placeholder}\n            value={displayValue}\n            readOnly\n            className={cn(\n              'flex-1 min-w-0 px-8 text-sm leading-20 bg-transparent outline-none border-none cursor-pointer',\n              'placeholder:text-foreground-neutral-muted',\n              'text-foreground-neutral-base',\n              'disabled:text-foreground-neutral-disabled disabled:cursor-not-allowed',\n              size === 'small' ? 'py-4' : 'py-6',\n            )}\n            onClick={() => !isDisabled && setOpen(true)}\n            {...props}\n          />\n\n          {/* Clear Button (shown when date range is selected) */}\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className={cn(\n              'flex items-center justify-center shrink-0 transition-colors hover:text-foreground-neutral-base',\n              size === 'small' ? 'size-28' : 'size-32',\n              hasRange && onClear && !isDisabled ? 'visible' : 'invisible',\n            )}\n            aria-label=\"Clear date range\"\n          >\n            <Icon name=\"closeLine\" className=\"size-16 text-foreground-neutral-muted\" />\n          </button>\n\n          {/* Custom Right Icon */}\n          {rightIcon && !hasRange && (\n            <div\n              className={cn(\n                'flex items-center justify-center shrink-0',\n                size === 'small' ? 'size-28' : 'size-32',\n              )}\n            >\n              {rightIcon}\n            </div>\n          )}\n        </div>\n\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\n          <Calendar\n            mode=\"range\"\n            defaultMonth={dayPickerRange?.from}\n            selected={dayPickerRange}\n            onSelect={handleSelect}\n            numberOfMonths={numberOfMonths}\n          />\n        </PopoverContent>\n      </Popover>\n    );\n  },\n);\n\nDateTimeRangePicker.displayName = 'DateTimeRangePicker';\n"],"names":["cva","Calendar","Icon","Popover","PopoverContent","PopoverTrigger","format","forwardRef","useState","cn","dateTimeRangePickerVariants","variants","variant","base","component","size","small","state","default","error","disabled","defaultVariants","DateTimeRangePicker","className","dateRange","onDateRangeSelect","placeholder","dateFormat","leftIcon","rightIcon","onClear","numberOfMonths","closeOnSelect","props","ref","open","setOpen","isDisabled","hasRange","start","end","displayValue","dayPickerRange","from","to","undefined","handleSelect","selectedRange","handleClear","e","stopPropagation","onOpenChange","div","asChild","button","type","aria-label","name","input","value","readOnly","onClick","align","mode","defaultMonth","selected","onSelect","displayName"],"mappings":"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"}

package/dist/components/date-time-range-picker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-time-range-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/components/date-time-range-picker/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/date-time-range-picker/index.ts"],"sourcesContent":["export * from './date-time-range-picker';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B"}

package/dist/components/dot-grid/dot-grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dot-grid.d.ts","sourceRoot":"","sources":["../../../src/components/dot-grid/dot-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAkBD,wBAAgB,OAAO,CAAC,EACtB,OAAY,EACZ,GAAQ,EACR,SAAqB,EACrB,WAAuB,EACvB,SAAe,EACf,YAAkB,EAClB,WAAiB,EACjB,aAAiB,EACjB,QAAe,EACf,UAAgB,EAChB,cAAoB,EACpB,SAAc,EACd,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyPlC"}

package/dist/components/dot-grid/dot-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dot-grid/dot-grid.tsx"],"sourcesContent":["import {gsap} from 'gsap';\nimport {InertiaPlugin} from 'gsap/InertiaPlugin';\nimport type React from 'react';\nimport {useCallback, useEffect, useMemo, useRef} from 'react';\nimport {cn} from 'utils';\n\ngsap.registerPlugin(InertiaPlugin);\n\nconst HEX_COLOR_REGEX = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i;\n\nconst throttle = <T extends (...args: never[]) => void>(func: T, limit: number): T => {\n  let lastCall = 0;\n  return ((...args: Parameters<T>) => {\n    const now = performance.now();\n    if (now - lastCall >= limit) {\n      lastCall = now;\n      func(...args);\n    }\n  }) as T;\n};\n\ninterface Dot {\n  cx: number;\n  cy: number;\n  xOffset: number;\n  yOffset: number;\n  _inertiaApplied: boolean;\n}\n\nexport interface DotGridProps {\n  dotSize?: number;\n  gap?: number;\n  baseColor?: string;\n  activeColor?: string;\n  proximity?: number;\n  speedTrigger?: number;\n  shockRadius?: number;\n  shockStrength?: number;\n  maxSpeed?: number;\n  resistance?: number;\n  returnDuration?: number;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\ntype RgbColor = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nfunction hexToRgb(hex: string): RgbColor {\n  const m = hex.match(HEX_COLOR_REGEX);\n  if (!m) return {r: 0, g: 0, b: 0};\n  return {\n    r: parseInt(m[1], 16),\n    g: parseInt(m[2], 16),\n    b: parseInt(m[3], 16),\n  };\n}\n\nexport function DotGrid({\n  dotSize = 16,\n  gap = 32,\n  baseColor = '#5227FF',\n  activeColor = '#5227FF',\n  proximity = 150,\n  speedTrigger = 100,\n  shockRadius = 250,\n  shockStrength = 5,\n  maxSpeed = 5000,\n  resistance = 750,\n  returnDuration = 1.5,\n  className = '',\n  style,\n}: DotGridProps): React.JSX.Element {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const dotsRef = useRef<Dot[]>([]);\n  const pointerRef = useRef({\n    x: 0,\n    y: 0,\n    vx: 0,\n    vy: 0,\n    speed: 0,\n    lastTime: 0,\n    lastX: 0,\n    lastY: 0,\n  });\n\n  const baseRgb = useMemo(() => hexToRgb(baseColor), [baseColor]);\n  const activeRgb = useMemo(() => hexToRgb(activeColor), [activeColor]);\n\n  const colorGradient = useMemo(() => {\n    const gradient: string[] = new Array(256);\n    for (let i = 0; i < 256; i++) {\n      const normalizedSqDist = i / 255;\n      const normalizedDist = Math.sqrt(normalizedSqDist);\n      const t = 1 - normalizedDist;\n      const r = Math.round(baseRgb.r + (activeRgb.r - baseRgb.r) * t);\n      const g = Math.round(baseRgb.g + (activeRgb.g - baseRgb.g) * t);\n      const b = Math.round(baseRgb.b + (activeRgb.b - baseRgb.b) * t);\n      gradient[i] = `rgb(${r},${g},${b})`;\n    }\n    return gradient;\n  }, [baseRgb, activeRgb]);\n\n  const circlePath = useMemo(() => {\n    if (typeof window === 'undefined' || !window.Path2D) return null;\n\n    const p = new Path2D();\n    p.arc(0, 0, dotSize / 2, 0, Math.PI * 2);\n    return p;\n  }, [dotSize]);\n\n  const buildGrid = useCallback(() => {\n    const wrap = wrapperRef.current;\n    const canvas = canvasRef.current;\n    if (!wrap || !canvas) return;\n\n    const {width, height} = wrap.getBoundingClientRect();\n    const dpr = window.devicePixelRatio || 1;\n\n    canvas.width = width * dpr;\n    canvas.height = height * dpr;\n    canvas.style.width = `${width}px`;\n    canvas.style.height = `${height}px`;\n    const ctx = canvas.getContext('2d');\n    if (ctx) ctx.scale(dpr, dpr);\n\n    const cols = Math.floor((width + gap) / (dotSize + gap));\n    const rows = Math.floor((height + gap) / (dotSize + gap));\n    const cell = dotSize + gap;\n\n    const gridW = cell * cols - gap;\n    const gridH = cell * rows - gap;\n\n    const extraX = width - gridW;\n    const extraY = height - gridH;\n\n    const startX = extraX / 2 + dotSize / 2;\n    const startY = extraY / 2 + dotSize / 2;\n\n    const dots: Dot[] = [];\n    for (let y = 0; y < rows; y++) {\n      for (let x = 0; x < cols; x++) {\n        const cx = startX + x * cell;\n        const cy = startY + y * cell;\n        dots.push({cx, cy, xOffset: 0, yOffset: 0, _inertiaApplied: false});\n      }\n    }\n    dotsRef.current = dots;\n  }, [dotSize, gap]);\n\n  useEffect(() => {\n    if (!circlePath) return;\n\n    let rafId: number;\n    const proxSq = proximity * proximity;\n\n    const draw = () => {\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n      const {x: px, y: py} = pointerRef.current;\n\n      for (const dot of dotsRef.current) {\n        const ox = dot.cx + dot.xOffset;\n        const oy = dot.cy + dot.yOffset;\n        const dx = dot.cx - px;\n        const dy = dot.cy - py;\n        const dsq = dx * dx + dy * dy;\n\n        let fillColor = baseColor;\n        if (dsq <= proxSq) {\n          const normalizedSqDist = dsq / proxSq;\n          const index = Math.min(255, Math.max(0, Math.round(normalizedSqDist * 255)));\n          fillColor = colorGradient[index];\n        }\n\n        ctx.save();\n        ctx.translate(ox, oy);\n        ctx.fillStyle = fillColor;\n        ctx.fill(circlePath);\n        ctx.restore();\n      }\n\n      rafId = requestAnimationFrame(draw);\n    };\n\n    draw();\n    return () => cancelAnimationFrame(rafId);\n  }, [proximity, baseColor, colorGradient, circlePath]);\n\n  useEffect(() => {\n    buildGrid();\n    let ro: ResizeObserver | null = null;\n    if ('ResizeObserver' in window) {\n      ro = new ResizeObserver(buildGrid);\n      wrapperRef.current && ro.observe(wrapperRef.current);\n    } else {\n      (window as Window).addEventListener('resize', buildGrid);\n    }\n    return () => {\n      if (ro) ro.disconnect();\n      else window.removeEventListener('resize', buildGrid);\n    };\n  }, [buildGrid]);\n\n  useEffect(() => {\n    const onMove = (e: MouseEvent) => {\n      const now = performance.now();\n      const pr = pointerRef.current;\n      const dt = pr.lastTime ? now - pr.lastTime : 16;\n      const dx = e.clientX - pr.lastX;\n      const dy = e.clientY - pr.lastY;\n      let vx = (dx / dt) * 1000;\n      let vy = (dy / dt) * 1000;\n      let speed = Math.hypot(vx, vy);\n      if (speed > maxSpeed) {\n        const scale = maxSpeed / speed;\n        vx *= scale;\n        vy *= scale;\n        speed = maxSpeed;\n      }\n      pr.lastTime = now;\n      pr.lastX = e.clientX;\n      pr.lastY = e.clientY;\n      pr.vx = vx;\n      pr.vy = vy;\n      pr.speed = speed;\n\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n      const rect = canvas.getBoundingClientRect();\n      pr.x = e.clientX - rect.left;\n      pr.y = e.clientY - rect.top;\n\n      for (const dot of dotsRef.current) {\n        const dist = Math.hypot(dot.cx - pr.x, dot.cy - pr.y);\n        if (speed > speedTrigger && dist < proximity && !dot._inertiaApplied) {\n          dot._inertiaApplied = true;\n          gsap.killTweensOf(dot);\n          const pushX = dot.cx - pr.x + vx * 0.005;\n          const pushY = dot.cy - pr.y + vy * 0.005;\n          gsap.to(dot, {\n            inertia: {xOffset: pushX, yOffset: pushY, resistance},\n            onComplete: () => {\n              gsap.to(dot, {\n                xOffset: 0,\n                yOffset: 0,\n                duration: returnDuration,\n                ease: 'elastic.out(1,0.75)',\n              });\n              dot._inertiaApplied = false;\n            },\n          });\n        }\n      }\n    };\n\n    const onClick = (e: MouseEvent) => {\n      const canvas = canvasRef.current;\n      if (!canvas) return;\n      const rect = canvas.getBoundingClientRect();\n      const cx = e.clientX - rect.left;\n      const cy = e.clientY - rect.top;\n      for (const dot of dotsRef.current) {\n        const dist = Math.hypot(dot.cx - cx, dot.cy - cy);\n        if (dist < shockRadius && !dot._inertiaApplied) {\n          dot._inertiaApplied = true;\n          gsap.killTweensOf(dot);\n          const falloff = Math.max(0, 1 - dist / shockRadius);\n          const pushX = (dot.cx - cx) * shockStrength * falloff;\n          const pushY = (dot.cy - cy) * shockStrength * falloff;\n          gsap.to(dot, {\n            inertia: {xOffset: pushX, yOffset: pushY, resistance},\n            onComplete: () => {\n              gsap.to(dot, {\n                xOffset: 0,\n                yOffset: 0,\n                duration: returnDuration,\n                ease: 'elastic.out(1,0.75)',\n              });\n              dot._inertiaApplied = false;\n            },\n          });\n        }\n      }\n    };\n\n    const throttledMove = throttle(onMove, 50) as (e: MouseEvent) => void;\n    const wrapper = wrapperRef.current;\n    if (wrapper) {\n      wrapper.addEventListener('mousemove', throttledMove, {passive: true});\n      wrapper.addEventListener('click', onClick);\n    }\n    return () => {\n      if (wrapper) {\n        wrapper.removeEventListener('mousemove', throttledMove);\n        wrapper.removeEventListener('click', onClick);\n      }\n    };\n  }, [maxSpeed, speedTrigger, proximity, resistance, returnDuration, shockRadius, shockStrength]);\n\n  return (\n    <section\n      className={cn('p-4 flex items-center justify-center h-full w-full relative', className)}\n      style={style}\n      role=\"presentation\"\n    >\n      <div ref={wrapperRef} className=\"w-full h-full relative\">\n        {/** biome-ignore lint/a11y/noAriaHiddenOnFocusable: <canvas is not focusable> */}\n        <canvas\n          ref={canvasRef}\n          className=\"absolute inset-0 w-full h-full pointer-events-none\"\n          aria-hidden=\"true\"\n        />\n      </div>\n    </section>\n  );\n}\n"],"names":["gsap","InertiaPlugin","useCallback","useEffect","useMemo","useRef","cn","registerPlugin","HEX_COLOR_REGEX","throttle","func","limit","lastCall","args","now","performance","hexToRgb","hex","m","match","r","g","b","parseInt","DotGrid","dotSize","gap","baseColor","activeColor","proximity","speedTrigger","shockRadius","shockStrength","maxSpeed","resistance","returnDuration","className","style","wrapperRef","canvasRef","dotsRef","pointerRef","x","y","vx","vy","speed","lastTime","lastX","lastY","baseRgb","activeRgb","colorGradient","gradient","Array","i","normalizedSqDist","normalizedDist","Math","sqrt","t","round","circlePath","window","Path2D","p","arc","PI","buildGrid","wrap","current","canvas","width","height","getBoundingClientRect","dpr","devicePixelRatio","ctx","getContext","scale","cols","floor","rows","cell","gridW","gridH","extraX","extraY","startX","startY","dots","cx","cy","push","xOffset","yOffset","_inertiaApplied","rafId","proxSq","draw","clearRect","px","py","dot","ox","oy","dx","dy","dsq","fillColor","index","min","max","save","translate","fillStyle","fill","restore","requestAnimationFrame","cancelAnimationFrame","ro","ResizeObserver","observe","addEventListener","disconnect","removeEventListener","onMove","e","pr","dt","clientX","clientY","hypot","rect","left","top","dist","killTweensOf","pushX","pushY","to","inertia","onComplete","duration","ease","onClick","falloff","throttledMove","wrapper","passive","section","role","div","ref","aria-hidden"],"mappings":"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"}

package/dist/components/dot-grid/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dot-grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/components/dot-grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dot-grid/index.ts"],"sourcesContent":["export * from './dot-grid';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa"}

package/dist/components/dropdown-menu/dropdown-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown-menu/dropdown-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\nimport {Icon, type IconName} from '../icon';\n\nfunction DropdownMenu({...props}: ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      className={cn('outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuPortal({...props}: ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nconst dropdownMenuContentVariants = cva(\n  [\n    'z-50 min-w-[180px] overflow-hidden rounded-10 p-4',\n    'bg-background-neutral-overlay text-foreground-neutral-subtle',\n    'shadow-tooltip',\n    'data-[state=open]:animate-in data-[state=closed]:animate-out',\n    'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n    'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n    'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n    'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'min-w-[160px]',\n        md: 'min-w-[200px]',\n        lg: 'min-w-[240px]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\ntype DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content> &\n  VariantProps<typeof dropdownMenuContentVariants> & {\n    container?: HTMLElement | null;\n  };\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  size,\n  onCloseAutoFocus,\n  container,\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPrimitive.Portal container={container}>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(dropdownMenuContentVariants({size}), className)}\n        onCloseAutoFocus={(e) => {\n          e.preventDefault();\n          onCloseAutoFocus?.(e);\n        }}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group\n      data-slot=\"dropdown-menu-group\"\n      className={cn('flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nconst dropdownMenuLabelVariants = cva(\n  'px-8 py-4 text-xs leading-20 text-foreground-neutral-subtle select-none',\n  {\n    variants: {\n      inset: {\n        true: 'pl-32',\n      },\n    },\n  },\n);\n\ntype DropdownMenuLabelProps = ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n};\n\nfunction DropdownMenuLabel({className, inset, ...props}: DropdownMenuLabelProps) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn(dropdownMenuLabelVariants({inset}), className)}\n      {...props}\n    />\n  );\n}\n\nconst dropdownMenuItemVariants = cva(\n  [\n    'relative flex cursor-pointer select-none items-center gap-8 rounded-6 px-8 py-6',\n    'text-sm leading-20 text-foreground-neutral-subtle outline-none transition-colors',\n    'focus:bg-background-components-hover',\n    'data-disabled:pointer-events-none data-disabled:text-foreground-neutral-disabled',\n  ],\n  {\n    variants: {\n      inset: {\n        true: 'pl-32',\n      },\n      variant: {\n        default: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype DropdownMenuItemProps = ComponentProps<typeof DropdownMenuPrimitive.Item> &\n  VariantProps<typeof dropdownMenuItemVariants> & {\n    icon?: IconName;\n    shortcut?: string;\n    closeOnSelect?: boolean;\n    iconStyle?: string;\n  };\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant,\n  icon,\n  shortcut,\n  children,\n  closeOnSelect = true,\n  iconStyle,\n  onSelect,\n  ...props\n}: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      className={cn(dropdownMenuItemVariants({inset, variant}), className)}\n      onSelect={(e) => {\n        if (!closeOnSelect) e.preventDefault();\n        onSelect?.(e);\n      }}\n      {...props}\n    >\n      {icon && (\n        <Icon\n          name={icon}\n          className={cn('size-16 shrink-0 text-foreground-neutral-subtle', iconStyle)}\n        />\n      )}\n      <span className=\"flex-1 truncate\">{children}</span>\n      {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\n    </DropdownMenuPrimitive.Item>\n  );\n}\n\ntype DropdownMenuCheckboxItemProps = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  icon?: IconName;\n  shortcut?: string;\n  closeOnSelect?: boolean;\n};\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  icon,\n  shortcut,\n  closeOnSelect = true,\n  onSelect,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        [\n          'relative flex cursor-pointer select-none items-center gap-8 rounded-6 py-6 pl-32 pr-8',\n          'text-sm leading-20 text-foreground-neutral-subtle outline-none transition-colors',\n          'focus:bg-background-components-hover',\n          'data-disabled:pointer-events-none data-disabled:text-foreground-neutral-disabled',\n          'data-[state=checked]:text-foreground-neutral-base',\n        ],\n        className,\n      )}\n      checked={checked}\n      onSelect={(e) => {\n        if (!closeOnSelect) e.preventDefault();\n        onSelect?.(e);\n      }}\n      {...props}\n    >\n      <span className=\"absolute left-8 flex size-16 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Icon name=\"check\" className=\"size-14 text-foreground-neutral-base\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {icon && <Icon name={icon} className=\"size-16 shrink-0 text-foreground-neutral-subtle\" />}\n      <span className=\"flex-1 truncate\">{children}</span>\n      {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      className={cn('flex flex-col', className)}\n      {...props}\n    />\n  );\n}\n\ntype DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  icon?: IconName;\n  closeOnSelect?: boolean;\n};\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  icon,\n  closeOnSelect = true,\n  onSelect,\n  ...props\n}: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        [\n          'relative flex cursor-pointer select-none items-center gap-8 rounded-6 py-6 pl-32 pr-8',\n          'text-sm leading-20 text-foreground-neutral-subtle outline-none transition-colors',\n          'focus:bg-background-components-hover',\n          'data-disabled:pointer-events-none data-disabled:text-foreground-neutral-disabled',\n          'data-[state=checked]:text-foreground-neutral-base',\n        ],\n        className,\n      )}\n      onSelect={(e) => {\n        if (!closeOnSelect) e.preventDefault();\n        onSelect?.(e);\n      }}\n      {...props}\n    >\n      <span className=\"absolute left-8 flex size-16 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <Icon name=\"ellipseMiniSolid\" className=\"size-6 text-foreground-neutral-base\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {icon && <Icon name={icon} className=\"size-16 shrink-0 text-foreground-neutral-subtle\" />}\n      <span className=\"flex-1 truncate\">{children}</span>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\n        'relative -mx-4 my-4 h-px',\n        'bg-border-neutral-menu-top',\n        'after:absolute after:inset-x-0 after:top-px after:h-px',\n        'after:bg-border-neutral-menu-bottom',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype DropdownMenuShortcutProps = ComponentProps<'span'>;\n\nfunction DropdownMenuShortcut({className, ...props}: DropdownMenuShortcutProps) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        'ml-auto text-xs leading-20 text-foreground-neutral-muted tabular-nums',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({...props}: ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\ntype DropdownMenuSubTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n  icon?: IconName;\n};\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  icon,\n  children,\n  ...props\n}: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(\n        [\n          'relative flex cursor-pointer select-none items-center gap-8 rounded-6 px-8 py-6',\n          'text-sm leading-20 text-foreground-neutral-subtle outline-none transition-colors',\n          'focus:bg-background-components-hover',\n          'data-[state=open]:bg-background-components-hover',\n          'data-disabled:pointer-events-none data-disabled:text-foreground-neutral-disabled',\n          'data-[state=checked]:text-foreground-neutral-base',\n        ],\n        inset && 'pl-32',\n        className,\n      )}\n      {...props}\n    >\n      {icon && <Icon name={icon} className=\"size-16 shrink-0 text-foreground-neutral-subtle\" />}\n      <span className=\"flex-1 truncate\">{children}</span>\n      <Icon name=\"chevronRight\" className=\"ml-auto size-14 text-foreground-neutral-muted\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        [\n          'z-50 min-w-180 overflow-hidden rounded-10 p-4',\n          'bg-background-neutral-overlay text-foreground-neutral-subtle',\n          'shadow-tooltip',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n          'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n          'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        ],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuPortal,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n  dropdownMenuContentVariants,\n  dropdownMenuItemVariants,\n  dropdownMenuLabelVariants,\n};\n\nexport type {\n  DropdownMenuContentProps,\n  DropdownMenuLabelProps,\n  DropdownMenuItemProps,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuShortcutProps,\n};\n"],"names":["DropdownMenuPrimitive","cva","cn","Icon","DropdownMenu","props","Root","data-slot","DropdownMenuTrigger","className","Trigger","DropdownMenuPortal","Portal","dropdownMenuContentVariants","variants","size","sm","md","lg","defaultVariants","DropdownMenuContent","sideOffset","onCloseAutoFocus","container","Content","e","preventDefault","DropdownMenuGroup","Group","dropdownMenuLabelVariants","inset","true","DropdownMenuLabel","Label","dropdownMenuItemVariants","variant","default","DropdownMenuItem","icon","shortcut","children","closeOnSelect","iconStyle","onSelect","Item","name","span","DropdownMenuShortcut","DropdownMenuCheckboxItem","checked","CheckboxItem","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuSeparator","Separator","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent"],"mappings":"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"}

package/dist/components/dropdown-menu/dropdown-menu.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dropdown-menu/dropdown-menu.stories.tsx"],"sourcesContent":["import {argosScreenshot} from '@argos-ci/storybook/vitest';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {screen, within} from '@testing-library/react';\nimport type {UserEvent} from '@testing-library/user-event';\nimport userEvent from '@testing-library/user-event';\nimport {useState} from 'react';\nimport {Avatar} from '../avatar';\nimport {Button} from '../button';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu';\n\nconst OPEN_MENU_REGEX = /open menu/i;\nconst ACTIONS_REGEX = /actions/i;\nconst ORGANIZATION_REGEX = /organization/i;\nconst COMPLETE_MENU_REGEX = /complete menu/i;\nconst SWITCH_ORGANIZATION_REGEX = /switch organization/i;\n\nconst isTestEnvironment = () => typeof navigator !== 'undefined' && navigator.webdriver === true;\n\ntype StoryContext = Parameters<NonNullable<Story['play']>>[0];\ntype AdditionalStepsCallback = (ctx: StoryContext, user: UserEvent) => Promise<void>;\n\nasync function openMenuAndScreenshot(\n  ctx: StoryContext,\n  triggerRegex: RegExp,\n  screenshotName: string,\n  additionalSteps?: AdditionalStepsCallback,\n): Promise<void> {\n  const {canvasElement, step} = ctx;\n  const canvas = within(canvasElement);\n  const user = userEvent.setup();\n\n  let triggerButton: HTMLElement | null = null;\n\n  await step('Open the dropdown menu', async () => {\n    triggerButton = canvas.getByRole('button', {name: triggerRegex});\n    await user.click(triggerButton);\n  });\n\n  await step('Wait for menu to appear and render', async () => {\n    await screen.findByRole('menu');\n    await new Promise((resolve) => setTimeout(resolve, 300));\n\n    if (isTestEnvironment() && triggerButton instanceof HTMLElement) {\n      triggerButton.style.display = 'none';\n    }\n    await new Promise((resolve) => setTimeout(resolve, 100));\n  });\n\n  await argosScreenshot(ctx, screenshotName);\n\n  if (additionalSteps) {\n    await additionalSteps(ctx, user);\n  }\n}\n\nconst meta = {\n  title: 'Components/DropdownMenu',\n  component: DropdownMenuContent,\n  subcomponents: {\n    DropdownMenu,\n    DropdownMenuTrigger,\n    DropdownMenuItem,\n    DropdownMenuCheckboxItem,\n    DropdownMenuRadioGroup,\n    DropdownMenuRadioItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuGroup,\n    DropdownMenuSub,\n    DropdownMenuSubTrigger,\n    DropdownMenuSubContent,\n  },\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    side: {\n      control: 'select',\n      options: ['top', 'right', 'bottom', 'left'],\n      description: 'The preferred side of the trigger to render against',\n      table: {defaultValue: {summary: 'bottom'}},\n    },\n    align: {\n      control: 'select',\n      options: ['start', 'center', 'end'],\n      description: 'The preferred alignment against the trigger',\n      table: {defaultValue: {summary: 'start'}},\n    },\n    sideOffset: {\n      control: {type: 'number', min: 0, max: 20, step: 1},\n      description: 'Distance in pixels from the trigger',\n      table: {defaultValue: {summary: '4'}},\n    },\n    alignOffset: {\n      control: {type: 'number', min: -20, max: 20, step: 1},\n      description: 'Offset in pixels from the alignment edge',\n      table: {defaultValue: {summary: '0'}},\n    },\n    size: {\n      control: 'select',\n      options: ['sm', 'md', 'lg'],\n      description: 'Size variant of the dropdown content',\n      table: {defaultValue: {summary: 'md'}},\n    },\n  },\n  args: {\n    side: 'bottom',\n    align: 'center',\n    sideOffset: 8,\n    alignOffset: 0,\n    size: 'md',\n  },\n} satisfies Meta<typeof DropdownMenuContent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  play: (ctx) => openMenuAndScreenshot(ctx, OPEN_MENU_REGEX, 'DropdownMenu Default Open'),\n  render: function DefaultStory(args) {\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n\n    return (\n      <div\n        ref={setContainer}\n        className=\"relative flex h-500 w-500 items-center justify-center rounded-16 bg-background-subtle-base shadow-tooltip overflow-visible\"\n      >\n        {container && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"secondary\">Open Menu</Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent {...args} container={container} side=\"bottom\" align=\"center\">\n              <DropdownMenuItem icon=\"editLine\">Edit</DropdownMenuItem>\n              <DropdownMenuItem icon=\"addLine\">Add</DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem icon=\"deleteBinLine\">Delete</DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    );\n  },\n};\n\nexport const WithShortcuts: Story = {\n  play: (ctx) => openMenuAndScreenshot(ctx, ACTIONS_REGEX, 'DropdownMenu With Shortcuts Open'),\n  render: function WithShortcutsStory(args) {\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n\n    return (\n      <div\n        ref={setContainer}\n        className=\"relative flex h-500 w-500 items-center justify-center rounded-16 bg-background-subtle-base shadow-tooltip overflow-visible\"\n      >\n        {container && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"secondary\">Actions</Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent {...args} container={container} side=\"bottom\" align=\"center\">\n              <DropdownMenuItem icon=\"fileCopyLine\" shortcut=\"⌘C\">\n                Copy\n              </DropdownMenuItem>\n              <DropdownMenuItem icon=\"clipboardLine\" shortcut=\"⌘V\">\n                Paste\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem icon=\"deleteBinLine\" shortcut=\"⌘⌫\">\n                Delete\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    );\n  },\n};\n\nfunction UserProfileSection() {\n  return (\n    <div className=\"flex items-center gap-8 px-8 py-6\">\n      <Avatar\n        size=\"sm\"\n        content=\"image\"\n        src=\"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=faces\"\n        fallback=\"John Doe\"\n      />\n      <div className=\"flex flex-col\">\n        <span className=\"text-sm font-medium leading-20 text-foreground-neutral-base\">\n          John Doe\n        </span>\n        <span className=\"text-xs leading-16 text-foreground-neutral-muted\">john@example.com</span>\n      </div>\n    </div>\n  );\n}\n\nfunction OrganizationItem() {\n  return (\n    <div className=\"flex items-center gap-8 px-8 py-6\">\n      <Avatar size=\"3xs\" content=\"logo\" logoName=\"stripe\" radius=\"rounded\" />\n      <span className=\"text-sm leading-20 text-foreground-neutral-subtle\">\n        Stripe&apos;s organization\n      </span>\n    </div>\n  );\n}\n\nexport const OrganizationMenu: Story = {\n  args: {\n    size: 'md',\n  },\n  play: (ctx) =>\n    openMenuAndScreenshot(\n      ctx,\n      ORGANIZATION_REGEX,\n      'DropdownMenu Organization Menu Open',\n      async ({step}, user) => {\n        await step('Hover over submenu trigger', async () => {\n          const submenuTrigger = screen.getByRole('menuitem', {name: SWITCH_ORGANIZATION_REGEX});\n          await user.hover(submenuTrigger);\n          await new Promise((resolve) => setTimeout(resolve, 200));\n        });\n\n        await argosScreenshot(ctx, 'DropdownMenu Organization Menu Submenu Open');\n      },\n    ),\n  render: function OrganizationMenuStory(args) {\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n\n    return (\n      <div\n        ref={setContainer}\n        className=\"relative flex h-600 w-600 items-center justify-center rounded-16 bg-background-subtle-base shadow-tooltip overflow-visible\"\n      >\n        {container && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"secondary\" iconLeft=\"buildingLine\">\n                Organization\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent {...args} container={container} side=\"bottom\" align=\"start\">\n              <OrganizationItem />\n              <DropdownMenuSeparator />\n              <DropdownMenuItem icon=\"settings3Line\">Settings</DropdownMenuItem>\n              <DropdownMenuSub>\n                <DropdownMenuSubTrigger icon=\"arrowLeftRightLine\">\n                  Switch organization\n                </DropdownMenuSubTrigger>\n                <DropdownMenuSubContent>\n                  <DropdownMenuItem\n                    icon=\"shipfox\"\n                    iconStyle=\"text-foreground-neutral-base\"\n                    className=\"text-foreground-neutral-base\"\n                  >\n                    Shipfox\n                  </DropdownMenuItem>\n                  <DropdownMenuItem\n                    icon=\"github\"\n                    iconStyle=\"text-foreground-neutral-base\"\n                    className=\"text-foreground-neutral-base\"\n                  >\n                    Github\n                  </DropdownMenuItem>\n                  <DropdownMenuItem\n                    icon=\"google\"\n                    iconStyle=\"text-foreground-neutral-base\"\n                    className=\"text-foreground-neutral-base\"\n                  >\n                    Google\n                  </DropdownMenuItem>\n                </DropdownMenuSubContent>\n              </DropdownMenuSub>\n              <DropdownMenuItem icon=\"addLine\">New organization</DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    );\n  },\n};\n\nexport const CompleteExample: Story = {\n  args: {\n    size: 'lg',\n    side: 'bottom',\n  },\n  play: (ctx) =>\n    openMenuAndScreenshot(ctx, COMPLETE_MENU_REGEX, 'DropdownMenu Complete Example Open'),\n  render: function CompleteExampleStory(args) {\n    const [container, setContainer] = useState<HTMLDivElement | null>(null);\n    const [showNotifications, setShowNotifications] = useState(true);\n    const [showBadges, setShowBadges] = useState(false);\n    const [theme, setTheme] = useState('dark');\n\n    return (\n      <div\n        ref={setContainer}\n        className=\"relative flex h-600 w-500 items-center justify-center rounded-16 bg-background-subtle-base shadow-tooltip overflow-visible\"\n      >\n        {container && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"secondary\" iconLeft=\"menu3Line\">\n                Complete Menu\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent\n              {...args}\n              className=\"w-260\"\n              container={container}\n              side=\"bottom\"\n              align=\"start\"\n            >\n              <UserProfileSection />\n              <DropdownMenuSeparator />\n\n              <DropdownMenuLabel>Actions</DropdownMenuLabel>\n              <DropdownMenuGroup>\n                <DropdownMenuItem icon=\"sparklingLine\">Getting started</DropdownMenuItem>\n                <DropdownMenuItem icon=\"userLine\">Profile settings</DropdownMenuItem>\n              </DropdownMenuGroup>\n\n              <DropdownMenuSeparator />\n\n              <DropdownMenuLabel>Preferences</DropdownMenuLabel>\n              <DropdownMenuGroup>\n                <DropdownMenuCheckboxItem\n                  checked={showNotifications}\n                  onCheckedChange={setShowNotifications}\n                  closeOnSelect={false}\n                >\n                  Show notifications\n                </DropdownMenuCheckboxItem>\n                <DropdownMenuCheckboxItem\n                  checked={showBadges}\n                  onCheckedChange={setShowBadges}\n                  closeOnSelect={false}\n                >\n                  Show badges\n                </DropdownMenuCheckboxItem>\n              </DropdownMenuGroup>\n\n              <DropdownMenuSeparator />\n\n              <DropdownMenuLabel>Theme</DropdownMenuLabel>\n              <DropdownMenuRadioGroup value={theme} onValueChange={setTheme}>\n                <DropdownMenuRadioItem value=\"light\" closeOnSelect={false}>\n                  Light\n                </DropdownMenuRadioItem>\n                <DropdownMenuRadioItem value=\"dark\" closeOnSelect={false}>\n                  Dark\n                </DropdownMenuRadioItem>\n                <DropdownMenuRadioItem value=\"system\" closeOnSelect={false}>\n                  System\n                </DropdownMenuRadioItem>\n              </DropdownMenuRadioGroup>\n\n              <DropdownMenuSeparator />\n              <DropdownMenuItem icon=\"logoutCircleLine\">Log out</DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    );\n  },\n};\n"],"names":["argosScreenshot","screen","within","userEvent","useState","Avatar","Button","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","OPEN_MENU_REGEX","ACTIONS_REGEX","ORGANIZATION_REGEX","COMPLETE_MENU_REGEX","SWITCH_ORGANIZATION_REGEX","isTestEnvironment","navigator","webdriver","openMenuAndScreenshot","ctx","triggerRegex","screenshotName","additionalSteps","canvasElement","step","canvas","user","setup","triggerButton","getByRole","name","click","findByRole","Promise","resolve","setTimeout","HTMLElement","style","display","meta","title","component","subcomponents","parameters","layout","tags","argTypes","side","control","options","description","table","defaultValue","summary","align","sideOffset","type","min","max","alignOffset","size","args","Default","play","render","DefaultStory","container","setContainer","div","ref","className","asChild","variant","icon","WithShortcuts","WithShortcutsStory","shortcut","UserProfileSection","content","src","fallback","span","OrganizationItem","logoName","radius","OrganizationMenu","submenuTrigger","hover","OrganizationMenuStory","iconLeft","iconStyle","CompleteExample","CompleteExampleStory","showNotifications","setShowNotifications","showBadges","setShowBadges","theme","setTheme","checked","onCheckedChange","closeOnSelect","value","onValueChange"],"mappings":"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"}

package/dist/components/dropdown-menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/dropdown-menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dropdown-menu/index.ts"],"sourcesContent":["export * from './dropdown-menu';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB"}

package/dist/components/dynamic-item/dynamic-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dynamic-item.d.ts","sourceRoot":"","sources":["../../../src/components/dynamic-item/dynamic-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAErC,OAAO,EAML,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACjF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,OAAmB,EACnB,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAyClB"}

package/dist/components/dynamic-item/dynamic-item.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dynamic-item/dynamic-item.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {cn} from 'utils/cn';\nimport {\n  Item,\n  ItemActions,\n  ItemContent,\n  ItemDescription,\n  ItemMedia,\n  type ItemProps,\n  ItemTitle,\n} from '../item/item';\n\nexport type DynamicItemProps = Omit<ItemProps, 'variant' | 'children' | 'title'> & {\n  variant?: 'default' | 'neutral';\n  leftElement?: ReactNode;\n  title?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  rightElement?: ReactNode;\n  contentClassName?: string;\n};\n\nexport function DynamicItem({\n  className,\n  variant = 'default',\n  leftElement,\n  title,\n  description,\n  action,\n  rightElement,\n  contentClassName,\n  ...props\n}: DynamicItemProps) {\n  const hasLeftSide = Boolean(leftElement);\n  const hasRightSide = Boolean(rightElement);\n  const hasContent = Boolean(title || description || action);\n\n  return (\n    <Item variant={variant} className={className} {...props}>\n      <div\n        className={cn(\n          'relative flex flex-col sm:flex-row justify-center items-center gap-16 min-h-64 px-12 py-12',\n          contentClassName,\n        )}\n      >\n        {hasLeftSide && (\n          <ItemMedia className={cn('self-center sm:self-start pt-2')}>{leftElement}</ItemMedia>\n        )}\n\n        {hasContent && (\n          <ItemContent className=\"text-center sm:text-left\">\n            {title ? typeof title === 'string' ? <ItemTitle>{title}</ItemTitle> : title : null}\n            {description ? (\n              typeof description === 'string' ? (\n                <ItemDescription>{description}</ItemDescription>\n              ) : (\n                description\n              )\n            ) : null}\n            {action && (\n              <ItemActions className={cn('mt-8 flex flex-wrap items-center gap-16')}>\n                {action}\n              </ItemActions>\n            )}\n          </ItemContent>\n        )}\n\n        {hasRightSide && (\n          <ItemActions className=\"self-center sm:ml-auto\">{rightElement}</ItemActions>\n        )}\n      </div>\n    </Item>\n  );\n}\n"],"names":["cn","Item","ItemActions","ItemContent","ItemDescription","ItemMedia","ItemTitle","DynamicItem","className","variant","leftElement","title","description","action","rightElement","contentClassName","props","hasLeftSide","Boolean","hasRightSide","hasContent","div"],"mappings":";AACA,SAAQA,EAAE,QAAO,WAAW;AAC5B,SACEC,IAAI,EACJC,WAAW,EACXC,WAAW,EACXC,eAAe,EACfC,SAAS,EAETC,SAAS,QACJ,eAAe;AAYtB,OAAO,SAASC,YAAY,EAC1BC,SAAS,EACTC,UAAU,SAAS,EACnBC,WAAW,EACXC,KAAK,EACLC,WAAW,EACXC,MAAM,EACNC,YAAY,EACZC,gBAAgB,EAChB,GAAGC,OACc;IACjB,MAAMC,cAAcC,QAAQR;IAC5B,MAAMS,eAAeD,QAAQJ;IAC7B,MAAMM,aAAaF,QAAQP,SAASC,eAAeC;IAEnD,qBACE,KAACZ;QAAKQ,SAASA;QAASD,WAAWA;QAAY,GAAGQ,KAAK;kBACrD,cAAA,MAACK;YACCb,WAAWR,GACT,8FACAe;;gBAGDE,6BACC,KAACZ;oBAAUG,WAAWR,GAAG;8BAAoCU;;gBAG9DU,4BACC,MAACjB;oBAAYK,WAAU;;wBACpBG,QAAQ,OAAOA,UAAU,yBAAW,KAACL;sCAAWK;6BAAqBA,QAAQ;wBAC7EC,cACC,OAAOA,gBAAgB,yBACrB,KAACR;sCAAiBQ;6BAElBA,cAEA;wBACHC,wBACC,KAACX;4BAAYM,WAAWR,GAAG;sCACxBa;;;;gBAMRM,8BACC,KAACjB;oBAAYM,WAAU;8BAA0BM;;;;;AAK3D"}

package/dist/components/dynamic-item/dynamic-item.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dynamic-item/dynamic-item.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Button} from 'components/button/button';\nimport {ItemTitle} from 'components/item';\nimport {MovingBorder} from 'components/moving-border';\nimport {cn} from 'utils/cn';\nimport illustration1 from '../../assets/illustration-1.svg';\nimport illustration2 from '../../assets/illustration-2.svg';\nimport illustrationBg from '../../assets/illustration-gradient.svg';\nimport {Avatar} from '../avatar/avatar';\nimport {AvatarGroup, AvatarGroupTooltip} from '../avatar/avatar-group';\nimport {Icon} from '../icon/icon';\nimport {DynamicItem} from './dynamic-item';\n\nconst meta = {\n  title: 'Components/DynamicItem',\n  component: DynamicItem,\n  tags: ['autodocs'],\n} satisfies Meta<typeof DynamicItem>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const OrganizationItem: Story = {\n  args: {},\n  render: () => (\n    <div className=\"flex flex-col gap-16 w-full max-w-476\">\n      <DynamicItem\n        variant=\"default\"\n        leftElement={<Avatar content=\"logo\" logoName=\"slack\" radius=\"rounded\" size=\"xl\" />}\n        title=\"Slack\"\n        description=\"3 members\"\n        rightElement={\n          <AvatarGroup size=\"md\">\n            <Avatar content=\"image\" fallback=\"John Doe\">\n              <AvatarGroupTooltip>John Doe</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Jane Smith\">\n              <AvatarGroupTooltip>Jane Smith</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Bob Johnson\">\n              <AvatarGroupTooltip>Bob Johnson</AvatarGroupTooltip>\n            </Avatar>\n          </AvatarGroup>\n        }\n      />\n      <DynamicItem\n        variant=\"default\"\n        leftElement={<Avatar content=\"logo\" logoName=\"stripe\" radius=\"rounded\" size=\"xl\" />}\n        title=\"Stripe\"\n        description=\"2 members\"\n        rightElement={\n          <AvatarGroup size=\"md\">\n            <Avatar content=\"image\" fallback=\"Alice Brown\">\n              <AvatarGroupTooltip>Alice Brown</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Carlos Vega\">\n              <AvatarGroupTooltip>Carlos Vega</AvatarGroupTooltip>\n            </Avatar>\n          </AvatarGroup>\n        }\n      />\n      <DynamicItem\n        variant=\"default\"\n        leftElement={<Avatar content=\"logo\" logoName=\"shipfox\" radius=\"rounded\" size=\"xl\" />}\n        title=\"Shipfox\"\n        description=\"9 members\"\n        rightElement={\n          <AvatarGroup size=\"md\" maxVisible={4} animateOnHover>\n            <Avatar content=\"image\" fallback=\"Linda Tran\">\n              <AvatarGroupTooltip>Linda Tran</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Michael Chen\">\n              <AvatarGroupTooltip>Michael Chen</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Sarah Williams\">\n              <AvatarGroupTooltip>Sarah Williams</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"David Lee\">\n              <AvatarGroupTooltip>David Lee</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Emily Davis\">\n              <AvatarGroupTooltip>Emily Davis</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"James Wilson\">\n              <AvatarGroupTooltip>James Wilson</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Olivia Martinez\">\n              <AvatarGroupTooltip>Olivia Martinez</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Noah Anderson\">\n              <AvatarGroupTooltip>Noah Anderson</AvatarGroupTooltip>\n            </Avatar>\n            <Avatar content=\"image\" fallback=\"Sophia Taylor\">\n              <AvatarGroupTooltip>Sophia Taylor</AvatarGroupTooltip>\n            </Avatar>\n          </AvatarGroup>\n        }\n      />\n    </div>\n  ),\n};\n\nexport const ConnectGithubAccountItem: Story = {\n  args: {},\n  render: () => (\n    <div className=\"flex flex-col gap-16 w-full max-w-476\">\n      <DynamicItem\n        variant=\"default\"\n        leftElement={\n          <div className=\"relative\">\n            <Avatar content=\"logoPlaceholder\" logoName=\"slack\" radius=\"full\" size=\"lg\" />\n            <Avatar\n              content=\"logoPlaceholder\"\n              logoName=\"github\"\n              radius=\"full\"\n              size=\"2xs\"\n              logoClassName=\"p-0\"\n              className=\"absolute bottom-0 left-27\"\n            />\n          </div>\n        }\n        title=\"Slack\"\n        description=\"Connect Github organization\"\n        rightElement={\n          <Button variant=\"primary\" size=\"sm\">\n            Connect\n          </Button>\n        }\n      />\n\n      <DynamicItem\n        variant=\"default\"\n        leftElement={\n          <div className=\"relative\">\n            <Avatar content=\"logoPlaceholder\" logoName=\"slack\" radius=\"full\" size=\"lg\" />\n            <Avatar\n              content=\"logo\"\n              logoName=\"github\"\n              radius=\"full\"\n              size=\"2xs\"\n              logoClassName=\"p-0\"\n              className=\"absolute bottom-0 left-27\"\n            />\n          </div>\n        }\n        title=\"Slack\"\n        description={\n          <p className=\"text-xs leading-20 text-tag-warning-icon inline-flex items-center gap-2\">\n            Personal account (kyle-nguyen)\n            <Icon name=\"info\" size=\"sm\" className=\"shrink-0 size-16 text-tag-warning-icon\" />\n          </p>\n        }\n        rightElement={\n          <Button variant=\"primary\" size=\"sm\">\n            Change account\n          </Button>\n        }\n      />\n\n      <DynamicItem\n        variant=\"default\"\n        leftElement={\n          <div className=\"relative\">\n            <Avatar content=\"logoPlaceholder\" logoName=\"slack\" radius=\"full\" size=\"lg\" />\n            <Avatar\n              content=\"logo\"\n              logoName=\"github\"\n              radius=\"full\"\n              size=\"2xs\"\n              logoClassName=\"p-0\"\n              className=\"absolute bottom-0 left-27\"\n            />\n          </div>\n        }\n        title=\"Slack\"\n        description=\"Organization (slack-github)\"\n        rightElement={\n          <Button variant=\"secondary\" size=\"sm\">\n            Change account\n          </Button>\n        }\n      />\n    </div>\n  ),\n};\n\nexport const WithCustomElementsItem: Story = {\n  args: {},\n  render: () => {\n    return (\n      <div className=\"flex flex-col gap-16 w-full max-w-672\">\n        <DynamicItem\n          variant=\"default\"\n          leftElement={\n            <div className=\"flex shrink-0 items-center justify-center text-tag-success-icon\">\n              <Icon name=\"checkCircleSolid\" size=\"sm\" />\n            </div>\n          }\n          title=\"Give access to your Github organizations\"\n          description=\"We'll use this permission to sync your organization's.\"\n          action={\n            <div className=\"flex gap-8 mx-auto sm:mx-0\">\n              <Button variant=\"primary\" size=\"sm\">\n                Github access\n              </Button>\n              <Button variant=\"transparentMuted\" size=\"sm\">\n                Skip for now\n              </Button>\n            </div>\n          }\n          rightElement={\n            <img\n              src={illustration1}\n              alt=\"illustration-1\"\n              className=\"hidden sm:block absolute overflow-clip right-2 top-1/2 -translate-y-1/2 -translate-x-46 w-fit object-contain\"\n            />\n          }\n        />\n        <div className=\"relative\">\n          <img\n            src={illustration2}\n            alt=\"illustration-2\"\n            className=\"hidden sm:block absolute overflow-clip right-2 top-1/2 -translate-y-1/2 translate-x-8 w-fit object-contain z-50\"\n          />\n          <div className={cn('relative overflow-hidden bg-transparent p-1 rounded-8')}>\n            <div className=\"absolute inset-0\" style={{borderRadius: 'calc(0.5rem * 0.96)'}}>\n              <MovingBorder duration={6000} rx=\"30%\" ry=\"30%\">\n                <div className=\"h-100 w-200 bg-[radial-gradient(#ff9e7a_40%,transparent_60%)]\" />\n              </MovingBorder>\n            </div>\n            <div\n              className=\"relative\"\n              style={{\n                borderRadius: 'calc(0.5rem * 0.96)',\n              }}\n            >\n              <DynamicItem\n                variant=\"default\"\n                title={\n                  <div className=\"flex items-center gap-6\">\n                    <span className=\"flex shrink-0 items-center justify-center text-tag-success-icon w-16 h-16\">\n                      <Icon\n                        name=\"money\"\n                        size=\"sm\"\n                        color=\"var(--foreground-neutral-subtle, #a1a1aa)\"\n                      />\n                    </span>\n                    <ItemTitle>6000 free credits/month to run your jobs</ItemTitle>\n                  </div>\n                }\n                description=\"~500 builds/month. No payment required.\"\n                rightElement={\n                  <img\n                    src={illustrationBg}\n                    alt=\"illustration-bg\"\n                    className=\"hidden sm:block absolute overflow-clip right-4 w-fit object-contain scale-105\"\n                  />\n                }\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  },\n};\n"],"names":["Button","ItemTitle","MovingBorder","cn","illustration1","illustration2","illustrationBg","Avatar","AvatarGroup","AvatarGroupTooltip","Icon","DynamicItem","meta","title","component","tags","OrganizationItem","args","render","div","className","variant","leftElement","content","logoName","radius","size","description","rightElement","fallback","maxVisible","animateOnHover","ConnectGithubAccountItem","logoClassName","p","name","WithCustomElementsItem","action","img","src","alt","style","borderRadius","duration","rx","ry","span","color"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,SAAS,QAAO,kBAAkB;AAC1C,SAAQC,YAAY,QAAO,2BAA2B;AACtD,SAAQC,EAAE,QAAO,WAAW;AAC5B,OAAOC,mBAAmB,kCAAkC;AAC5D,OAAOC,mBAAmB,kCAAkC;AAC5D,OAAOC,oBAAoB,yCAAyC;AACpE,SAAQC,MAAM,QAAO,mBAAmB;AACxC,SAAQC,WAAW,EAAEC,kBAAkB,QAAO,yBAAyB;AACvE,SAAQC,IAAI,QAAO,eAAe;AAClC,SAAQC,WAAW,QAAO,iBAAiB;AAE3C,MAAMC,OAAO;IACXC,OAAO;IACPC,WAAWH;IACXI,MAAM;QAAC;KAAW;AACpB;AAEA,eAAeH,KAAK;AAGpB,OAAO,MAAMI,mBAA0B;IACrCC,MAAM,CAAC;IACPC,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACT;oBACCU,SAAQ;oBACRC,2BAAa,KAACf;wBAAOgB,SAAQ;wBAAOC,UAAS;wBAAQC,QAAO;wBAAUC,MAAK;;oBAC3Eb,OAAM;oBACNc,aAAY;oBACZC,4BACE,MAACpB;wBAAYkB,MAAK;;0CAChB,KAACnB;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;;;;8BAK5B,KAACE;oBACCU,SAAQ;oBACRC,2BAAa,KAACf;wBAAOgB,SAAQ;wBAAOC,UAAS;wBAASC,QAAO;wBAAUC,MAAK;;oBAC5Eb,OAAM;oBACNc,aAAY;oBACZC,4BACE,MAACpB;wBAAYkB,MAAK;;0CAChB,KAACnB;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;;;;8BAK5B,KAACE;oBACCU,SAAQ;oBACRC,2BAAa,KAACf;wBAAOgB,SAAQ;wBAAOC,UAAS;wBAAUC,QAAO;wBAAUC,MAAK;;oBAC7Eb,OAAM;oBACNc,aAAY;oBACZC,4BACE,MAACpB;wBAAYkB,MAAK;wBAAKI,YAAY;wBAAGC,cAAc;;0CAClD,KAACxB;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;0CAEtB,KAACF;gCAAOgB,SAAQ;gCAAQM,UAAS;0CAC/B,cAAA,KAACpB;8CAAmB;;;;;;;;AAOlC,EAAE;AAEF,OAAO,MAAMuB,2BAAkC;IAC7Cf,MAAM,CAAC;IACPC,QAAQ,kBACN,MAACC;YAAIC,WAAU;;8BACb,KAACT;oBACCU,SAAQ;oBACRC,2BACE,MAACH;wBAAIC,WAAU;;0CACb,KAACb;gCAAOgB,SAAQ;gCAAkBC,UAAS;gCAAQC,QAAO;gCAAOC,MAAK;;0CACtE,KAACnB;gCACCgB,SAAQ;gCACRC,UAAS;gCACTC,QAAO;gCACPC,MAAK;gCACLO,eAAc;gCACdb,WAAU;;;;oBAIhBP,OAAM;oBACNc,aAAY;oBACZC,4BACE,KAAC5B;wBAAOqB,SAAQ;wBAAUK,MAAK;kCAAK;;;8BAMxC,KAACf;oBACCU,SAAQ;oBACRC,2BACE,MAACH;wBAAIC,WAAU;;0CACb,KAACb;gCAAOgB,SAAQ;gCAAkBC,UAAS;gCAAQC,QAAO;gCAAOC,MAAK;;0CACtE,KAACnB;gCACCgB,SAAQ;gCACRC,UAAS;gCACTC,QAAO;gCACPC,MAAK;gCACLO,eAAc;gCACdb,WAAU;;;;oBAIhBP,OAAM;oBACNc,2BACE,MAACO;wBAAEd,WAAU;;4BAA0E;0CAErF,KAACV;gCAAKyB,MAAK;gCAAOT,MAAK;gCAAKN,WAAU;;;;oBAG1CQ,4BACE,KAAC5B;wBAAOqB,SAAQ;wBAAUK,MAAK;kCAAK;;;8BAMxC,KAACf;oBACCU,SAAQ;oBACRC,2BACE,MAACH;wBAAIC,WAAU;;0CACb,KAACb;gCAAOgB,SAAQ;gCAAkBC,UAAS;gCAAQC,QAAO;gCAAOC,MAAK;;0CACtE,KAACnB;gCACCgB,SAAQ;gCACRC,UAAS;gCACTC,QAAO;gCACPC,MAAK;gCACLO,eAAc;gCACdb,WAAU;;;;oBAIhBP,OAAM;oBACNc,aAAY;oBACZC,4BACE,KAAC5B;wBAAOqB,SAAQ;wBAAYK,MAAK;kCAAK;;;;;AAOhD,EAAE;AAEF,OAAO,MAAMU,yBAAgC;IAC3CnB,MAAM,CAAC;IACPC,QAAQ;QACN,qBACE,MAACC;YAAIC,WAAU;;8BACb,KAACT;oBACCU,SAAQ;oBACRC,2BACE,KAACH;wBAAIC,WAAU;kCACb,cAAA,KAACV;4BAAKyB,MAAK;4BAAmBT,MAAK;;;oBAGvCb,OAAM;oBACNc,aAAY;oBACZU,sBACE,MAAClB;wBAAIC,WAAU;;0CACb,KAACpB;gCAAOqB,SAAQ;gCAAUK,MAAK;0CAAK;;0CAGpC,KAAC1B;gCAAOqB,SAAQ;gCAAmBK,MAAK;0CAAK;;;;oBAKjDE,4BACE,KAACU;wBACCC,KAAKnC;wBACLoC,KAAI;wBACJpB,WAAU;;;8BAIhB,MAACD;oBAAIC,WAAU;;sCACb,KAACkB;4BACCC,KAAKlC;4BACLmC,KAAI;4BACJpB,WAAU;;sCAEZ,MAACD;4BAAIC,WAAWjB,GAAG;;8CACjB,KAACgB;oCAAIC,WAAU;oCAAmBqB,OAAO;wCAACC,cAAc;oCAAqB;8CAC3E,cAAA,KAACxC;wCAAayC,UAAU;wCAAMC,IAAG;wCAAMC,IAAG;kDACxC,cAAA,KAAC1B;4CAAIC,WAAU;;;;8CAGnB,KAACD;oCACCC,WAAU;oCACVqB,OAAO;wCACLC,cAAc;oCAChB;8CAEA,cAAA,KAAC/B;wCACCU,SAAQ;wCACRR,qBACE,MAACM;4CAAIC,WAAU;;8DACb,KAAC0B;oDAAK1B,WAAU;8DACd,cAAA,KAACV;wDACCyB,MAAK;wDACLT,MAAK;wDACLqB,OAAM;;;8DAGV,KAAC9C;8DAAU;;;;wCAGf0B,aAAY;wCACZC,4BACE,KAACU;4CACCC,KAAKjC;4CACLkC,KAAI;4CACJpB,WAAU;;;;;;;;;;IAS5B;AACF,EAAE"}

package/dist/components/dynamic-item/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dynamic-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/dynamic-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dynamic-item/index.ts"],"sourcesContent":["export * from './dynamic-item';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/components/form/form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/form/form.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,eAAe,EAAE,SAAS,EAAE,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAI7E,QAAA,MAAM,IAAI,4MAAe,CAAC;AAiB1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AA4BF,QAAA,MAAM,QAAQ,mKAUb,CAAC;AAGF,QAAA,MAAM,SAAS,gTAad,CAAC;AAGF,QAAA,MAAM,WAAW,8JAchB,CAAC;AAGF,QAAA,MAAM,eAAe,qLAiBpB,CAAC;AAGF,QAAA,MAAM,WAAW,qLAoBhB,CAAC;AAGF,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/form/form.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/form/form.tsx"],"sourcesContent":["import {Slot} from '@radix-ui/react-slot';\nimport {Label} from 'components/label';\nimport type {ComponentProps} from 'react';\nimport * as React from 'react';\nimport type {ControllerProps, FieldPath, FieldValues} from 'react-hook-form';\nimport {Controller, FormProvider, useFormContext} from 'react-hook-form';\nimport {cn} from 'utils/cn';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{name: props.name}}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const {getFieldState, formState} = useFormContext();\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n  const {id} = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\nconst FormItem = React.forwardRef<HTMLDivElement, ComponentProps<'div'>>(\n  ({className, ...props}, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{id}}>\n        <div ref={ref} className={className} {...props} />\n      </FormItemContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<React.ElementRef<typeof Label>, ComponentProps<typeof Label>>(\n  ({className, ...props}, ref) => {\n    const {error, formItemId} = useFormField();\n\n    return (\n      <Label\n        ref={ref}\n        className={cn(error && 'text-foreground-error', className)}\n        htmlFor={formItemId}\n        {...props}\n      />\n    );\n  },\n);\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, ComponentProps<typeof Slot>>(\n  ({...props}, ref) => {\n    const {error, formItemId, formDescriptionId, formMessageId} = useFormField();\n\n    return (\n      <Slot\n        ref={ref}\n        id={formItemId}\n        aria-describedby={error ? formMessageId : formDescriptionId}\n        aria-invalid={!!error}\n        {...props}\n      />\n    );\n  },\n);\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<HTMLParagraphElement, ComponentProps<'p'>>(\n  ({className, ...props}, ref) => {\n    const {error, formDescriptionId} = useFormField();\n\n    if (error) {\n      return null;\n    }\n\n    return (\n      <p\n        ref={ref}\n        id={formDescriptionId}\n        className={cn('text-sm text-foreground-neutral-muted', className)}\n        {...props}\n      />\n    );\n  },\n);\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<HTMLParagraphElement, ComponentProps<'p'>>(\n  ({className, children, ...props}, ref) => {\n    const {error, formMessageId} = useFormField();\n    const body = error ? String(error?.message ?? '') : children;\n\n    if (!body) {\n      return null;\n    }\n\n    return (\n      <p\n        ref={ref}\n        id={formMessageId}\n        className={cn('text-sm font-medium text-foreground-highlight-error', className)}\n        {...props}\n      >\n        {body}\n      </p>\n    );\n  },\n);\nFormMessage.displayName = 'FormMessage';\n\nexport {Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage};\n"],"names":["Slot","Label","React","Controller","FormProvider","useFormContext","cn","Form","FormFieldContext","createContext","FormItemContext","FormField","props","Provider","value","name","useFormField","fieldContext","useContext","itemContext","getFieldState","formState","Error","fieldState","id","formItemId","formDescriptionId","formMessageId","FormItem","forwardRef","className","ref","useId","div","displayName","FormLabel","error","htmlFor","FormControl","aria-describedby","aria-invalid","FormDescription","p","FormMessage","children","body","String","message"],"mappings":"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"}

package/dist/components/form/form.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/form/form.stories.tsx"],"sourcesContent":["import {zodResolver} from '@hookform/resolvers/zod';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Button} from 'components/button';\nimport {Checkbox, CheckboxLabel, CheckboxLinks} from 'components/checkbox';\nimport {Input} from 'components/input';\nimport {Textarea} from 'components/textarea';\nimport {Code, Header} from 'components/typography';\nimport {useForm} from 'react-hook-form';\nimport {z} from 'zod';\nimport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from './form';\n\nconst meta = {\n  title: 'Components/Form',\n  tags: ['autodocs'],\n} satisfies Meta;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst basicFormSchema = z.object({\n  username: z.string().min(3, 'Username must be at least 3 characters'),\n  email: z.string().email('Invalid email address'),\n});\n\ntype BasicFormValues = z.infer<typeof basicFormSchema>;\n\nfunction BasicFormExample() {\n  const form = useForm<BasicFormValues>({\n    resolver: zodResolver(basicFormSchema),\n    defaultValues: {\n      username: '',\n      email: '',\n    },\n  });\n\n  function onSubmit(data: BasicFormValues) {\n    // biome-ignore lint/suspicious/noConsole: <we need to log the data for the story>\n    console.log(data);\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-8 w-full max-w-md\">\n        <FormField\n          control={form.control}\n          name=\"username\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Username</FormLabel>\n              <FormControl>\n                <Input placeholder=\"shadcn\" {...field} />\n              </FormControl>\n              <FormDescription>This is your public display name.</FormDescription>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"email\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Email</FormLabel>\n              <FormControl>\n                <Input type=\"email\" placeholder=\"email@example.com\" {...field} />\n              </FormControl>\n              <FormDescription>We'll never share your email.</FormDescription>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\">Submit</Button>\n      </form>\n    </Form>\n  );\n}\n\nexport const Basic: Story = {\n  render: () => <BasicFormExample />,\n};\n\nconst componentsFormSchema = z.object({\n  example: z.string().min(1, 'This field is required'),\n  exampleTextarea: z.string().min(1, 'This field is required'),\n});\n\ntype ComponentsFormValues = z.infer<typeof componentsFormSchema>;\n\nfunction FormComponentsExample() {\n  const form = useForm<ComponentsFormValues>({\n    resolver: zodResolver(componentsFormSchema),\n    defaultValues: {\n      example: '',\n      exampleTextarea: '',\n    },\n  });\n\n  return (\n    <Form {...form}>\n      <div className=\"flex flex-col gap-32 w-full max-w-md\">\n        <div className=\"flex flex-col gap-16\">\n          <Header variant=\"h3\">Form Components</Header>\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n            Individual form components work together within FormField\n          </Code>\n        </div>\n\n        <form className=\"space-y-8\">\n          <FormField\n            control={form.control}\n            name=\"example\"\n            render={({field}) => (\n              <FormItem>\n                <FormLabel>Form Label</FormLabel>\n                <FormControl>\n                  <Input placeholder=\"Form Control with Input\" {...field} />\n                </FormControl>\n                <FormDescription>This is a form description.</FormDescription>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n\n          <FormField\n            control={form.control}\n            name=\"exampleTextarea\"\n            render={({field}) => (\n              <FormItem>\n                <FormLabel>Form Label</FormLabel>\n                <FormControl>\n                  <Textarea placeholder=\"Form Control with Textarea\" {...field} />\n                </FormControl>\n                <FormDescription>This is a form description.</FormDescription>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n        </form>\n      </div>\n    </Form>\n  );\n}\n\nexport const Components: Story = {\n  render: () => <FormComponentsExample />,\n};\n\nconst checkboxFormSchema = z.object({\n  username: z.string().min(3, 'Username must be at least 3 characters'),\n  email: z.string().email('Invalid email address'),\n  newsletter: z.boolean(),\n  notifications: z.boolean(),\n});\n\ntype CheckboxFormValues = z.infer<typeof checkboxFormSchema>;\n\nfunction FormWithCheckboxExample() {\n  const form = useForm<CheckboxFormValues>({\n    resolver: zodResolver(checkboxFormSchema),\n    defaultValues: {\n      username: '',\n      email: '',\n      newsletter: false,\n      notifications: false,\n    },\n  });\n\n  function onSubmit(data: CheckboxFormValues) {\n    // biome-ignore lint/suspicious/noConsole: <we need to log the data for the story>\n    console.log(data);\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-8 w-full max-w-md\">\n        <FormField\n          control={form.control}\n          name=\"username\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Username</FormLabel>\n              <FormControl>\n                <Input placeholder=\"shadcn\" {...field} />\n              </FormControl>\n              <FormDescription>This is your public display name.</FormDescription>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"email\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Email</FormLabel>\n              <FormControl>\n                <Input type=\"email\" placeholder=\"email@example.com\" {...field} />\n              </FormControl>\n              <FormDescription>We'll never share your email.</FormDescription>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"newsletter\"\n          render={({field}) => (\n            <FormItem className=\"flex flex-row items-center gap-8 pt-4\">\n              <FormControl>\n                <Checkbox checked={field.value} onCheckedChange={field.onChange} />\n              </FormControl>\n              <FormLabel>Subscribe to newsletter</FormLabel>\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"notifications\"\n          render={({field}) => (\n            <FormItem className=\"flex flex-row items-center gap-8 pt-4 pb-8\">\n              <FormControl>\n                <Checkbox checked={field.value} onCheckedChange={field.onChange} />\n              </FormControl>\n              <FormLabel>Enable notifications</FormLabel>\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\">Submit</Button>\n      </form>\n    </Form>\n  );\n}\n\nexport const WithCheckbox: Story = {\n  render: () => <FormWithCheckboxExample />,\n};\n\nconst checkboxLabelSchema = z.object({\n  username: z.string().min(1, 'Username is required'),\n  email: z.string().email('Invalid email address'),\n  terms: z.boolean().refine((val) => val === true, {\n    message: 'You must accept the terms and conditions',\n  }),\n  marketing: z.boolean(),\n});\n\ntype CheckboxLabelFormValues = z.infer<typeof checkboxLabelSchema>;\n\nfunction FormWithCheckboxLabelExample() {\n  const form = useForm<CheckboxLabelFormValues>({\n    resolver: zodResolver(checkboxLabelSchema),\n    defaultValues: {\n      username: '',\n      email: '',\n      terms: false,\n      marketing: false,\n    },\n  });\n\n  function onSubmit(data: CheckboxLabelFormValues) {\n    // biome-ignore lint/suspicious/noConsole: <we need to log the data for the story>\n    console.log(data);\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-8 w-full max-w-md\">\n        <FormField\n          control={form.control}\n          name=\"username\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Username</FormLabel>\n              <FormControl>\n                <Input placeholder=\"shadcn\" {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"email\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Email</FormLabel>\n              <FormControl>\n                <Input type=\"email\" placeholder=\"email@example.com\" {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"terms\"\n          render={({field}) => (\n            <FormItem>\n              <FormControl>\n                <CheckboxLabel\n                  label=\"I agree to the terms and conditions\"\n                  description=\"By checking this box, you agree to our terms of service and privacy policy.\"\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"marketing\"\n          render={({field}) => (\n            <FormItem>\n              <FormControl>\n                <CheckboxLabel\n                  label=\"I want to receive marketing emails\"\n                  description=\"Stay updated with our latest products and offers.\"\n                  optional\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\">Submit</Button>\n      </form>\n    </Form>\n  );\n}\n\nexport const WithCheckboxLabel: Story = {\n  render: () => <FormWithCheckboxLabelExample />,\n};\n\nconst checkboxLinksSchema = z.object({\n  username: z.string().min(1, 'Username is required'),\n  email: z.string().email('Invalid email address'),\n  acceptPolicies: z.boolean().refine((val) => val === true, {\n    message: 'You must accept the policies to continue',\n  }),\n});\n\ntype CheckboxLinksFormValues = z.infer<typeof checkboxLinksSchema>;\n\nfunction FormWithCheckboxLinksExample() {\n  const form = useForm<CheckboxLinksFormValues>({\n    resolver: zodResolver(checkboxLinksSchema),\n    defaultValues: {\n      username: '',\n      email: '',\n      acceptPolicies: false,\n    },\n  });\n\n  function onSubmit(data: CheckboxLinksFormValues) {\n    // biome-ignore lint/suspicious/noConsole: <we need to log the data for the story>\n    console.log(data);\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-8 w-full max-w-md\">\n        <FormField\n          control={form.control}\n          name=\"username\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Username</FormLabel>\n              <FormControl>\n                <Input placeholder=\"shadcn\" {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"email\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Email</FormLabel>\n              <FormControl>\n                <Input type=\"email\" placeholder=\"email@example.com\" {...field} />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"acceptPolicies\"\n          render={({field}) => (\n            <FormItem>\n              <FormControl>\n                <CheckboxLinks\n                  label=\"Accept policies\"\n                  links={[\n                    {label: 'Terms of use', href: '#'},\n                    {label: 'Privacy Policy', href: '#'},\n                  ]}\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\">Submit</Button>\n      </form>\n    </Form>\n  );\n}\n\nexport const WithCheckboxLinks: Story = {\n  render: () => <FormWithCheckboxLinksExample />,\n};\n\nconst checkboxLabelBorderSchema = z.object({\n  plan: z.string().min(1, 'Plan name is required'),\n  newsletter: z.boolean(),\n});\n\ntype CheckboxLabelBorderFormValues = z.infer<typeof checkboxLabelBorderSchema>;\n\nfunction FormWithCheckboxLabelBorderExample() {\n  const form = useForm<CheckboxLabelBorderFormValues>({\n    resolver: zodResolver(checkboxLabelBorderSchema),\n    defaultValues: {\n      plan: '',\n      newsletter: false,\n    },\n  });\n\n  function onSubmit(data: CheckboxLabelBorderFormValues) {\n    // biome-ignore lint/suspicious/noConsole: <we need to log the data for the story>\n    console.log(data);\n  }\n\n  return (\n    <Form {...form}>\n      <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-8 w-full max-w-md\">\n        <FormField\n          control={form.control}\n          name=\"plan\"\n          render={({field}) => (\n            <FormItem>\n              <FormLabel>Select a plan</FormLabel>\n              <FormControl>\n                <Input placeholder=\"Enter plan name\" {...field} />\n              </FormControl>\n              <FormDescription>Choose the plan that best fits your needs.</FormDescription>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <FormField\n          control={form.control}\n          name=\"newsletter\"\n          render={({field}) => (\n            <FormItem>\n              <FormControl>\n                <CheckboxLabel\n                  label=\"Subscribe to our newsletter\"\n                  description=\"Get weekly updates, tips, and exclusive content delivered to your inbox.\"\n                  optional\n                  showInfoIcon\n                  border\n                  checked={field.value}\n                  onCheckedChange={field.onChange}\n                />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n        <Button type=\"submit\" className=\"mt-4\">\n          Submit\n        </Button>\n      </form>\n    </Form>\n  );\n}\n\nexport const WithCheckboxLabelBorder: Story = {\n  render: () => <FormWithCheckboxLabelBorderExample />,\n};\n"],"names":["zodResolver","Button","Checkbox","CheckboxLabel","CheckboxLinks","Input","Textarea","Code","Header","useForm","z","Form","FormControl","FormDescription","FormField","FormItem","FormLabel","FormMessage","meta","title","tags","basicFormSchema","object","username","string","min","email","BasicFormExample","form","resolver","defaultValues","onSubmit","data","console","log","handleSubmit","className","control","name","render","field","placeholder","type","Basic","componentsFormSchema","example","exampleTextarea","FormComponentsExample","div","variant","Components","checkboxFormSchema","newsletter","boolean","notifications","FormWithCheckboxExample","checked","value","onCheckedChange","onChange","WithCheckbox","checkboxLabelSchema","terms","refine","val","message","marketing","FormWithCheckboxLabelExample","label","description","optional","WithCheckboxLabel","checkboxLinksSchema","acceptPolicies","FormWithCheckboxLinksExample","links","href","WithCheckboxLinks","checkboxLabelBorderSchema","plan","FormWithCheckboxLabelBorderExample","showInfoIcon","border","WithCheckboxLabelBorder"],"mappings":";AAAA,SAAQA,WAAW,QAAO,0BAA0B;AAEpD,SAAQC,MAAM,QAAO,oBAAoB;AACzC,SAAQC,QAAQ,EAAEC,aAAa,EAAEC,aAAa,QAAO,sBAAsB;AAC3E,SAAQC,KAAK,QAAO,mBAAmB;AACvC,SAAQC,QAAQ,QAAO,sBAAsB;AAC7C,SAAQC,IAAI,EAAEC,MAAM,QAAO,wBAAwB;AACnD,SAAQC,OAAO,QAAO,kBAAkB;AACxC,SAAQC,CAAC,QAAO,MAAM;AACtB,SACEC,IAAI,EACJC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,WAAW,QACN,SAAS;AAEhB,MAAMC,OAAO;IACXC,OAAO;IACPC,MAAM;QAAC;KAAW;AACpB;AAEA,eAAeF,KAAK;AAIpB,MAAMG,kBAAkBX,EAAEY,MAAM,CAAC;IAC/BC,UAAUb,EAAEc,MAAM,GAAGC,GAAG,CAAC,GAAG;IAC5BC,OAAOhB,EAAEc,MAAM,GAAGE,KAAK,CAAC;AAC1B;AAIA,SAASC;IACP,MAAMC,OAAOnB,QAAyB;QACpCoB,UAAU7B,YAAYqB;QACtBS,eAAe;YACbP,UAAU;YACVG,OAAO;QACT;IACF;IAEA,SAASK,SAASC,IAAqB;QACrC,kFAAkF;QAClFC,QAAQC,GAAG,CAACF;IACd;IAEA,qBACE,KAACrB;QAAM,GAAGiB,IAAI;kBACZ,cAAA,MAACA;YAAKG,UAAUH,KAAKO,YAAY,CAACJ;YAAWK,WAAU;;8BACrD,KAACtB;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMoC,aAAY;wCAAU,GAAGD,KAAK;;;8CAEvC,KAAC3B;8CAAgB;;8CACjB,KAACI;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMqC,MAAK;wCAAQD,aAAY;wCAAqB,GAAGD,KAAK;;;8CAE/D,KAAC3B;8CAAgB;;8CACjB,KAACI;;;;8BAIP,KAAChB;oBAAOyC,MAAK;8BAAS;;;;;AAI9B;AAEA,OAAO,MAAMC,QAAe;IAC1BJ,QAAQ,kBAAM,KAACZ;AACjB,EAAE;AAEF,MAAMiB,uBAAuBlC,EAAEY,MAAM,CAAC;IACpCuB,SAASnC,EAAEc,MAAM,GAAGC,GAAG,CAAC,GAAG;IAC3BqB,iBAAiBpC,EAAEc,MAAM,GAAGC,GAAG,CAAC,GAAG;AACrC;AAIA,SAASsB;IACP,MAAMnB,OAAOnB,QAA8B;QACzCoB,UAAU7B,YAAY4C;QACtBd,eAAe;YACbe,SAAS;YACTC,iBAAiB;QACnB;IACF;IAEA,qBACE,KAACnC;QAAM,GAAGiB,IAAI;kBACZ,cAAA,MAACoB;YAAIZ,WAAU;;8BACb,MAACY;oBAAIZ,WAAU;;sCACb,KAAC5B;4BAAOyC,SAAQ;sCAAK;;sCACrB,KAAC1C;4BAAK0C,SAAQ;4BAAQb,WAAU;sCAAiC;;;;8BAKnE,MAACR;oBAAKQ,WAAU;;sCACd,KAACtB;4BACCuB,SAAST,KAAKS,OAAO;4BACrBC,MAAK;4BACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;sDACC,KAACC;sDAAU;;sDACX,KAACJ;sDACC,cAAA,KAACP;gDAAMoC,aAAY;gDAA2B,GAAGD,KAAK;;;sDAExD,KAAC3B;sDAAgB;;sDACjB,KAACI;;;;sCAKP,KAACH;4BACCuB,SAAST,KAAKS,OAAO;4BACrBC,MAAK;4BACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;sDACC,KAACC;sDAAU;;sDACX,KAACJ;sDACC,cAAA,KAACN;gDAASmC,aAAY;gDAA8B,GAAGD,KAAK;;;sDAE9D,KAAC3B;sDAAgB;;sDACjB,KAACI;;;;;;;;;AAQjB;AAEA,OAAO,MAAMiC,aAAoB;IAC/BX,QAAQ,kBAAM,KAACQ;AACjB,EAAE;AAEF,MAAMI,qBAAqBzC,EAAEY,MAAM,CAAC;IAClCC,UAAUb,EAAEc,MAAM,GAAGC,GAAG,CAAC,GAAG;IAC5BC,OAAOhB,EAAEc,MAAM,GAAGE,KAAK,CAAC;IACxB0B,YAAY1C,EAAE2C,OAAO;IACrBC,eAAe5C,EAAE2C,OAAO;AAC1B;AAIA,SAASE;IACP,MAAM3B,OAAOnB,QAA4B;QACvCoB,UAAU7B,YAAYmD;QACtBrB,eAAe;YACbP,UAAU;YACVG,OAAO;YACP0B,YAAY;YACZE,eAAe;QACjB;IACF;IAEA,SAASvB,SAASC,IAAwB;QACxC,kFAAkF;QAClFC,QAAQC,GAAG,CAACF;IACd;IAEA,qBACE,KAACrB;QAAM,GAAGiB,IAAI;kBACZ,cAAA,MAACA;YAAKG,UAAUH,KAAKO,YAAY,CAACJ;YAAWK,WAAU;;8BACrD,KAACtB;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMoC,aAAY;wCAAU,GAAGD,KAAK;;;8CAEvC,KAAC3B;8CAAgB;;8CACjB,KAACI;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMqC,MAAK;wCAAQD,aAAY;wCAAqB,GAAGD,KAAK;;;8CAE/D,KAAC3B;8CAAgB;;8CACjB,KAACI;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;4BAASqB,WAAU;;8CAClB,KAACxB;8CACC,cAAA,KAACV;wCAASsD,SAAShB,MAAMiB,KAAK;wCAAEC,iBAAiBlB,MAAMmB,QAAQ;;;8CAEjE,KAAC3C;8CAAU;;;;;8BAIjB,KAACF;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;4BAASqB,WAAU;;8CAClB,KAACxB;8CACC,cAAA,KAACV;wCAASsD,SAAShB,MAAMiB,KAAK;wCAAEC,iBAAiBlB,MAAMmB,QAAQ;;;8CAEjE,KAAC3C;8CAAU;;;;;8BAIjB,KAACf;oBAAOyC,MAAK;8BAAS;;;;;AAI9B;AAEA,OAAO,MAAMkB,eAAsB;IACjCrB,QAAQ,kBAAM,KAACgB;AACjB,EAAE;AAEF,MAAMM,sBAAsBnD,EAAEY,MAAM,CAAC;IACnCC,UAAUb,EAAEc,MAAM,GAAGC,GAAG,CAAC,GAAG;IAC5BC,OAAOhB,EAAEc,MAAM,GAAGE,KAAK,CAAC;IACxBoC,OAAOpD,EAAE2C,OAAO,GAAGU,MAAM,CAAC,CAACC,MAAQA,QAAQ,MAAM;QAC/CC,SAAS;IACX;IACAC,WAAWxD,EAAE2C,OAAO;AACtB;AAIA,SAASc;IACP,MAAMvC,OAAOnB,QAAiC;QAC5CoB,UAAU7B,YAAY6D;QACtB/B,eAAe;YACbP,UAAU;YACVG,OAAO;YACPoC,OAAO;YACPI,WAAW;QACb;IACF;IAEA,SAASnC,SAASC,IAA6B;QAC7C,kFAAkF;QAClFC,QAAQC,GAAG,CAACF;IACd;IAEA,qBACE,KAACrB;QAAM,GAAGiB,IAAI;kBACZ,cAAA,MAACA;YAAKG,UAAUH,KAAKO,YAAY,CAACJ;YAAWK,WAAU;;8BACrD,KAACtB;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMoC,aAAY;wCAAU,GAAGD,KAAK;;;8CAEvC,KAACvB;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMqC,MAAK;wCAAQD,aAAY;wCAAqB,GAAGD,KAAK;;;8CAE/D,KAACvB;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACH;8CACC,cAAA,KAACT;wCACCiE,OAAM;wCACNC,aAAY;wCACZb,SAAShB,MAAMiB,KAAK;wCACpBC,iBAAiBlB,MAAMmB,QAAQ;;;8CAGnC,KAAC1C;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACH;8CACC,cAAA,KAACT;wCACCiE,OAAM;wCACNC,aAAY;wCACZC,QAAQ;wCACRd,SAAShB,MAAMiB,KAAK;wCACpBC,iBAAiBlB,MAAMmB,QAAQ;;;8CAGnC,KAAC1C;;;;8BAIP,KAAChB;oBAAOyC,MAAK;8BAAS;;;;;AAI9B;AAEA,OAAO,MAAM6B,oBAA2B;IACtChC,QAAQ,kBAAM,KAAC4B;AACjB,EAAE;AAEF,MAAMK,sBAAsB9D,EAAEY,MAAM,CAAC;IACnCC,UAAUb,EAAEc,MAAM,GAAGC,GAAG,CAAC,GAAG;IAC5BC,OAAOhB,EAAEc,MAAM,GAAGE,KAAK,CAAC;IACxB+C,gBAAgB/D,EAAE2C,OAAO,GAAGU,MAAM,CAAC,CAACC,MAAQA,QAAQ,MAAM;QACxDC,SAAS;IACX;AACF;AAIA,SAASS;IACP,MAAM9C,OAAOnB,QAAiC;QAC5CoB,UAAU7B,YAAYwE;QACtB1C,eAAe;YACbP,UAAU;YACVG,OAAO;YACP+C,gBAAgB;QAClB;IACF;IAEA,SAAS1C,SAASC,IAA6B;QAC7C,kFAAkF;QAClFC,QAAQC,GAAG,CAACF;IACd;IAEA,qBACE,KAACrB;QAAM,GAAGiB,IAAI;kBACZ,cAAA,MAACA;YAAKG,UAAUH,KAAKO,YAAY,CAACJ;YAAWK,WAAU;;8BACrD,KAACtB;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMoC,aAAY;wCAAU,GAAGD,KAAK;;;8CAEvC,KAACvB;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMqC,MAAK;wCAAQD,aAAY;wCAAqB,GAAGD,KAAK;;;8CAE/D,KAACvB;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACH;8CACC,cAAA,KAACR;wCACCgE,OAAM;wCACNO,OAAO;4CACL;gDAACP,OAAO;gDAAgBQ,MAAM;4CAAG;4CACjC;gDAACR,OAAO;gDAAkBQ,MAAM;4CAAG;yCACpC;wCACDpB,SAAShB,MAAMiB,KAAK;wCACpBC,iBAAiBlB,MAAMmB,QAAQ;;;8CAGnC,KAAC1C;;;;8BAIP,KAAChB;oBAAOyC,MAAK;8BAAS;;;;;AAI9B;AAEA,OAAO,MAAMmC,oBAA2B;IACtCtC,QAAQ,kBAAM,KAACmC;AACjB,EAAE;AAEF,MAAMI,4BAA4BpE,EAAEY,MAAM,CAAC;IACzCyD,MAAMrE,EAAEc,MAAM,GAAGC,GAAG,CAAC,GAAG;IACxB2B,YAAY1C,EAAE2C,OAAO;AACvB;AAIA,SAAS2B;IACP,MAAMpD,OAAOnB,QAAuC;QAClDoB,UAAU7B,YAAY8E;QACtBhD,eAAe;YACbiD,MAAM;YACN3B,YAAY;QACd;IACF;IAEA,SAASrB,SAASC,IAAmC;QACnD,kFAAkF;QAClFC,QAAQC,GAAG,CAACF;IACd;IAEA,qBACE,KAACrB;QAAM,GAAGiB,IAAI;kBACZ,cAAA,MAACA;YAAKG,UAAUH,KAAKO,YAAY,CAACJ;YAAWK,WAAU;;8BACrD,KAACtB;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACC;8CAAU;;8CACX,KAACJ;8CACC,cAAA,KAACP;wCAAMoC,aAAY;wCAAmB,GAAGD,KAAK;;;8CAEhD,KAAC3B;8CAAgB;;8CACjB,KAACI;;;;8BAIP,KAACH;oBACCuB,SAAST,KAAKS,OAAO;oBACrBC,MAAK;oBACLC,QAAQ,CAAC,EAACC,KAAK,EAAC,iBACd,MAACzB;;8CACC,KAACH;8CACC,cAAA,KAACT;wCACCiE,OAAM;wCACNC,aAAY;wCACZC,QAAQ;wCACRW,YAAY;wCACZC,MAAM;wCACN1B,SAAShB,MAAMiB,KAAK;wCACpBC,iBAAiBlB,MAAMmB,QAAQ;;;8CAGnC,KAAC1C;;;;8BAIP,KAAChB;oBAAOyC,MAAK;oBAASN,WAAU;8BAAO;;;;;AAM/C;AAEA,OAAO,MAAM+C,0BAAiC;IAC5C5C,QAAQ,kBAAM,KAACyC;AACjB,EAAE"}

package/dist/components/form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/form/index.ts"],"sourcesContent":["export * from './form';\n"],"names":[],"mappings":"AAAA,cAAc,SAAS"}

package/dist/components/icon/custom/badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,SAAS,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAavE"}

package/dist/components/icon/custom/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/badge.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function BadgeIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 18 18\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Badge</title>\n      <path d=\"M17.533 9.00013C17.533 7.83 16.9271 6.7452 15.9703 6.11266C16.1996 4.9884 15.8604 3.79266 15.0338 2.966C14.2071 2.13933 13.0103 1.80013 11.8871 2.02946C11.2535 1.07266 10.1698 0.466797 8.99964 0.466797C7.82951 0.466797 6.74471 1.07266 6.11218 2.02946C4.98471 1.79693 3.79218 2.13933 2.96551 2.966C2.13778 3.79373 1.79964 4.9884 2.02898 6.11266C1.07218 6.7452 0.466309 7.82893 0.466309 9.00013C0.466309 10.1713 1.07218 11.254 2.02898 11.8876C1.79964 13.0119 2.13778 14.2065 2.96551 15.0343C3.79218 15.862 4.98684 16.1991 6.11218 15.9708C6.74471 16.9276 7.82844 17.5335 8.99964 17.5335C10.1708 17.5335 11.2535 16.9276 11.8871 15.9708C13.0082 16.2001 14.206 15.8609 15.0338 15.0343C15.8615 14.2076 16.1996 13.0119 15.9703 11.8876C16.9271 11.2551 17.533 10.1703 17.533 9.00013ZM13.0988 6.55533L8.56551 12.422C8.42044 12.6097 8.19964 12.7239 7.96284 12.7324C7.95218 12.7324 7.94258 12.7324 7.93298 12.7324C7.70684 12.7324 7.49031 12.6364 7.33778 12.4679L4.93778 9.8012C4.64231 9.47266 4.66898 8.96706 4.99751 8.67053C5.32711 8.37613 5.83164 8.40173 6.12818 8.73026L7.88604 10.6844L11.8338 5.57613C12.1036 5.22626 12.6071 5.16226 12.9559 5.43213C13.3058 5.702 13.3698 6.2044 13.0999 6.55426L13.0988 6.55533Z\" />\n    </svg>\n  );\n}\n"],"names":["BadgeIcon","_props","svg","width","height","viewBox","fill","xmlns","title","path","d"],"mappings":";AAGA,OAAO,SAASA,UAAUC,MAA8C;IACtE,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAKC,GAAE;;;;AAGd"}

package/dist/components/icon/custom/check-circle-solid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"check-circle-solid.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/check-circle-solid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAoBlF"}

package/dist/components/icon/custom/check-circle-solid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/check-circle-solid.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function CheckCircleSolidIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg\n      width=\"19\"\n      height=\"19\"\n      viewBox=\"0 0 19 19\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Check Circle Solid</title>\n      <g clipPath=\"url(#clip0_6552_160761)\">\n        <path d=\"M9.19984 0.664062C4.49477 0.664062 0.666504 4.49233 0.666504 9.1974C0.666504 13.9025 4.49477 17.7307 9.19984 17.7307C13.9049 17.7307 17.7332 13.9025 17.7332 9.1974C17.7332 4.49233 13.9049 0.664062 9.19984 0.664062ZM13.299 6.7526L8.7657 12.6193C8.62064 12.807 8.39984 12.9211 8.16304 12.9297C8.15237 12.9297 8.14277 12.9297 8.13317 12.9297C7.90704 12.9297 7.6905 12.8337 7.53797 12.6651L5.13797 9.99846C4.8425 9.66993 4.86917 9.16433 5.1977 8.86779C5.5273 8.5734 6.03077 8.599 6.32837 8.92753L8.08624 10.8817L12.034 5.7734C12.3038 5.42353 12.8073 5.35953 13.1561 5.6294C13.506 5.89926 13.57 6.40166 13.3001 6.75153L13.299 6.7526Z\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_6552_160761\">\n          <rect width=\"18\" height=\"18\" fill=\"white\" transform=\"translate(0.200195 0.199219)\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n}\n"],"names":["CheckCircleSolidIcon","_props","svg","width","height","viewBox","fill","xmlns","title","g","clipPath","path","d","defs","id","rect","transform"],"mappings":";AAGA,OAAO,SAASA,qBAAqBC,MAA8C;IACjF,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAEC,UAAS;0BACV,cAAA,KAACC;oBAAKC,GAAE;;;0BAEV,KAACC;0BACC,cAAA,KAACH;oBAASI,IAAG;8BACX,cAAA,KAACC;wBAAKZ,OAAM;wBAAKC,QAAO;wBAAKE,MAAK;wBAAQU,WAAU;;;;;;AAK9D"}

package/dist/components/icon/custom/circle-dotted-line.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"circle-dotted-line.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/circle-dotted-line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAalF"}

package/dist/components/icon/custom/circle-dotted-line.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/circle-dotted-line.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function CircleDottedLineIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg\n      width=\"25\"\n      height=\"24\"\n      viewBox=\"0 0 25 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Circle Dotted Line</title>\n      <path d=\"M7.17235 18.3086C7.46415 17.8702 8.05551 17.7513 8.49369 18.043C9.2707 18.5608 10.1526 18.9325 11.0991 19.117C11.616 19.2177 11.9539 19.7187 11.8533 20.236C11.7526 20.7531 11.2519 21.0906 10.7352 20.9901C9.53488 20.7561 8.41811 20.2857 7.43693 19.6318C6.99881 19.3397 6.88057 18.7472 7.17235 18.3086ZM16.5055 18.043C16.9438 17.7509 17.5358 17.87 17.8277 18.3086C18.1195 18.7472 18.0006 19.3398 17.5623 19.6318C16.5812 20.2856 15.465 20.7561 14.2648 20.9901C13.7481 21.0907 13.2474 20.7531 13.1467 20.236C13.0461 19.7187 13.384 19.2177 13.9009 19.117C14.8473 18.9325 15.7286 18.5607 16.5055 18.043ZM4.27439 12.6194C4.79159 12.5204 5.29128 12.8604 5.39013 13.3781C5.57468 14.3443 5.95069 15.2417 6.4787 16.0309C6.77163 16.4687 6.65463 17.0617 6.21723 17.3549C5.7797 17.6482 5.18731 17.5304 4.89433 17.0924C4.22698 16.0949 3.75068 14.9592 3.51712 13.7361C3.41829 13.2185 3.75732 12.7184 4.27439 12.6194ZM19.6099 13.3781C19.7087 12.8604 20.2084 12.5204 20.7256 12.6194C21.2426 12.7184 21.5817 13.2185 21.4829 13.7361C21.2493 14.9591 20.773 16.0949 20.1057 17.0924C19.8127 17.5304 19.2203 17.6482 18.7828 17.3549C18.3453 17.0617 18.2283 16.4688 18.5213 16.0309C19.0493 15.2417 19.4253 14.3443 19.6099 13.3781ZM4.89433 6.92474C5.18738 6.4871 5.77981 6.36987 6.21723 6.66304C6.65462 6.95631 6.77164 7.54924 6.4787 7.9871C5.95069 8.77632 5.57467 9.67363 5.39013 10.6399C5.29128 11.1575 4.79159 11.4975 4.27439 11.3986C3.75731 11.2996 3.41829 10.7995 3.51712 10.2819C3.75069 9.05872 4.2269 7.92235 4.89433 6.92474ZM18.7828 6.66304C19.2202 6.36987 19.8126 6.48706 20.1057 6.92474C20.7731 7.92235 21.2493 9.05871 21.4829 10.2819C21.5817 10.7994 21.2426 11.2995 20.7256 11.3986C20.2084 11.4975 19.7087 11.1575 19.6099 10.6399C19.4253 9.67364 19.0493 8.77632 18.5213 7.9871C18.2284 7.54922 18.3453 6.95629 18.7828 6.66304ZM10.7352 3.02556C11.252 2.92503 11.7527 3.26243 11.8533 3.77961C11.9539 4.29692 11.616 4.79792 11.0991 4.89866C10.1526 5.08317 9.27069 5.4541 8.49369 5.97188C8.05553 6.26382 7.46424 6.14542 7.17235 5.70707C6.88059 5.26849 6.99888 4.67594 7.43693 4.38379C8.41811 3.72993 9.53488 3.25952 10.7352 3.02556ZM13.1467 3.77961C13.2474 3.2624 13.748 2.92494 14.2648 3.02556C15.4651 3.25951 16.5811 3.72997 17.5623 4.38379C18.0006 4.67587 18.1195 5.26839 17.8277 5.70707C17.5358 6.14551 16.9437 6.2639 16.5055 5.97188C15.7287 5.45425 14.8472 5.08315 13.9009 4.89866C13.384 4.79792 13.0461 4.29692 13.1467 3.77961Z\" />\n    </svg>\n  );\n}\n"],"names":["CircleDottedLineIcon","_props","svg","width","height","viewBox","fill","xmlns","title","path","d"],"mappings":";AAGA,OAAO,SAASA,qBAAqBC,MAA8C;IACjF,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAKC,GAAE;;;;AAGd"}

package/dist/components/icon/custom/component-fill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-fill.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/component-fill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAa/E"}

package/dist/components/icon/custom/component-fill.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/component-fill.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function ComponentFillIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg\n      width=\"25\"\n      height=\"24\"\n      viewBox=\"0 0 25 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Component Fill</title>\n      <path d=\"M16.6277 17.1584L13.0159 20.7702C12.8791 20.9071 12.6989 20.9894 12.5151 20.999C12.3313 21.0087 12.1588 20.945 12.0357 20.8218L8.32124 17.1074L12.4489 12.9797L16.6277 17.1584ZM11.5203 12.0511L7.39263 16.1788L3.67817 12.4643C3.55503 12.3412 3.49129 12.1687 3.50096 11.9849C3.51064 11.8011 3.59294 11.6209 3.72976 11.4841L7.34155 7.87231L11.5203 12.0511ZM16.6788 6.89263L12.5521 11.0193L8.37334 6.84052L11.9841 3.22976C12.1209 3.09294 12.3011 3.01064 12.4849 3.00096C12.6687 2.99129 12.8412 3.05503 12.9643 3.17817L16.6788 6.89263ZM21.3218 11.5357C21.445 11.6588 21.5087 11.8313 21.499 12.0151C21.4894 12.1989 21.4071 12.3791 21.2702 12.5159L17.6595 16.1267L13.4807 11.9479L17.6074 7.82124L21.3218 11.5357Z\" />\n    </svg>\n  );\n}\n"],"names":["ComponentFillIcon","_props","svg","width","height","viewBox","fill","xmlns","title","path","d"],"mappings":";AAGA,OAAO,SAASA,kBAAkBC,MAA8C;IAC9E,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAKC,GAAE;;;;AAGd"}

package/dist/components/icon/custom/component-line.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-line.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/component-line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAa/E"}

package/dist/components/icon/custom/component-line.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/component-line.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function ComponentLineIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg\n      width=\"25\"\n      height=\"24\"\n      viewBox=\"0 0 25 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Component Line</title>\n      <path d=\"M20.7217 12.1353C20.8449 12.2584 20.9086 12.4309 20.8989 12.6147C20.8893 12.7985 20.807 12.9787 20.6701 13.1155L12.4158 21.3698C12.279 21.5067 12.0988 21.589 11.915 21.5986C11.7312 21.6083 11.5587 21.5446 11.4356 21.4214L3.07807 13.0639C2.95493 12.9408 2.89119 12.7683 2.90086 12.5845C2.91054 12.4007 2.99284 12.2205 3.12966 12.0837L11.384 3.82937C11.5208 3.69255 11.701 3.61024 11.8848 3.60057C12.0686 3.59089 12.2411 3.65464 12.3642 3.77778L20.7217 12.1353ZM10.9197 12.6512L7.66955 9.40105L4.57417 12.4964L7.82432 15.7466L10.9197 12.6512ZM15.0985 16.83L11.8483 13.5798L8.75293 16.6752L12.0031 19.9253L15.0985 16.83ZM15.0469 8.52403L11.7967 5.27388L8.70134 8.36926L11.9515 11.6194L15.0469 8.52403ZM19.2256 12.7028L15.9755 9.45264L12.8801 12.548L16.1303 15.7982L19.2256 12.7028Z\" />\n    </svg>\n  );\n}\n"],"names":["ComponentLineIcon","_props","svg","width","height","viewBox","fill","xmlns","title","path","d"],"mappings":";AAGA,OAAO,SAASA,kBAAkBC,MAA8C;IAC9E,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAKC,GAAE;;;;AAGd"}

package/dist/components/icon/custom/ellipse-mini-solid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ellipse-mini-solid.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/ellipse-mini-solid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAalF"}

package/dist/components/icon/custom/ellipse-mini-solid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/ellipse-mini-solid.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function EllipseMiniSolidIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg\n      width=\"25\"\n      height=\"24\"\n      viewBox=\"0 0 25 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Ellipse Mini Solid</title>\n      <circle cx=\"12.2\" cy=\"12.2\" r=\"3.2\" />\n    </svg>\n  );\n}\n"],"names":["EllipseMiniSolidIcon","_props","svg","width","height","viewBox","fill","xmlns","title","circle","cx","cy","r"],"mappings":";AAGA,OAAO,SAASA,qBAAqBC,MAA8C;IACjF,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAOC,IAAG;gBAAOC,IAAG;gBAAOC,GAAE;;;;AAGpC"}

package/dist/components/icon/custom/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/icon/custom/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/index.ts"],"sourcesContent":["export * from './badge';\nexport * from './check-circle-solid';\nexport * from './circle-dotted-line';\nexport * from './component-fill';\nexport * from './component-line';\nexport * from './ellipse-mini-solid';\nexport * from './info-tooltip-fill';\nexport * from './resize';\nexport * from './shipfox-logo';\nexport * from './slack-logo';\nexport * from './spinner';\nexport * from './stripe-logo';\nexport * from './thunder';\nexport * from './x-circle-solid';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,uBAAuB;AACrC,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,mBAAmB"}

package/dist/components/icon/custom/info-tooltip-fill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"info-tooltip-fill.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/info-tooltip-fill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAiBjF"}

package/dist/components/icon/custom/info-tooltip-fill.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/info-tooltip-fill.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function InfoTooltipFillIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg\n      width=\"25\"\n      height=\"24\"\n      viewBox=\"0 0 25 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Info Tooltip Fill</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12.5 21C17.4706 21 21.5 16.9706 21.5 12C21.5 7.02944 17.4706 3 12.5 3C7.52944 3 3.5 7.02944 3.5 12C3.5 16.9706 7.52944 21 12.5 21ZM14.1068 16.6204L14.2505 16.0329C14.1761 16.0678 14.0562 16.1077 13.8917 16.1532C13.7268 16.1986 13.5784 16.2217 13.448 16.2217C13.1701 16.2217 12.9745 16.1762 12.8609 16.0847C12.7482 15.9931 12.692 15.8209 12.692 15.5687C12.692 15.4688 12.7089 15.3198 12.7444 15.1248C12.7788 14.9286 12.8183 14.7542 12.8623 14.6016L13.3988 12.7021C13.4514 12.5278 13.4874 12.3362 13.5068 12.127C13.5266 11.9183 13.5358 11.7723 13.5358 11.6894C13.5358 11.2888 13.3954 10.9638 13.1145 10.7131C12.8337 10.4625 12.4337 10.3372 11.9153 10.3372C11.6269 10.3372 11.3219 10.3885 10.9992 10.4909C10.6764 10.593 10.339 10.7161 9.98606 10.8598L9.84198 11.4478C9.94716 11.4089 10.0724 11.367 10.219 11.3237C10.3649 11.2805 10.5081 11.2582 10.6474 11.2582C10.9318 11.2582 11.1233 11.3067 11.2237 11.4022C11.3241 11.498 11.3745 11.6684 11.3745 11.9119C11.3745 12.0466 11.3586 12.1962 11.3255 12.3588C11.2929 12.5225 11.2521 12.6955 11.2042 12.8781L10.6654 14.7852C10.6174 14.9856 10.5824 15.1649 10.5604 15.3241C10.5385 15.4832 10.528 15.6392 10.528 15.791C10.528 16.1829 10.6728 16.506 10.9624 16.761C11.2519 17.015 11.6579 17.1429 12.1799 17.1429C12.5198 17.1429 12.8181 17.0984 13.0748 17.0091C13.3313 16.92 13.6757 16.7905 14.1068 16.6204ZM14.0112 8.90429C14.2619 8.67189 14.3866 8.38926 14.3866 8.05831C14.3866 7.72811 14.2621 7.44491 14.0112 7.20957C13.7612 6.97486 13.4599 6.85714 13.1075 6.85714C12.7541 6.85714 12.4515 6.97459 12.1991 7.20957C11.9467 7.44491 11.8203 7.72801 11.8203 8.05831C11.8203 8.38926 11.9467 8.6718 12.1991 8.90429C12.452 9.13752 12.754 9.25423 13.1075 9.25423C13.46 9.25423 13.7612 9.13752 14.0112 8.90429Z\"\n      />\n    </svg>\n  );\n}\n"],"names":["InfoTooltipFillIcon","_props","svg","width","height","viewBox","fill","xmlns","title","path","fillRule","clipRule","d"],"mappings":";AAGA,OAAO,SAASA,oBAAoBC,MAA8C;IAChF,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBACCC,UAAS;gBACTC,UAAS;gBACTC,GAAE;;;;AAIV"}

package/dist/components/icon/custom/resize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/resize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,wBAAgB,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CAaxE"}

package/dist/components/icon/custom/resize.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/resize.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\nexport function ResizeIcon(_props: ComponentProps<RemixiconComponentType>) {\n  return (\n    <svg\n      width=\"25\"\n      height=\"24\"\n      viewBox=\"0 0 25 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Resize</title>\n      <path d=\"M20.7425 13.4539C21.2111 12.9854 21.9711 12.9855 22.4398 13.4539C22.9084 13.9226 22.9084 14.6826 22.4398 15.1512L15.6517 21.9393C15.1831 22.4079 14.4231 22.4079 13.9544 21.9393C13.486 21.4706 13.4859 20.7106 13.9544 20.242L20.7425 13.4539ZM19.3363 5.25961C19.8048 4.79102 20.5649 4.79112 21.0335 5.25961C21.5022 5.72823 21.5022 6.48824 21.0335 6.95687L7.45736 20.533C6.98873 21.0017 6.22872 21.0017 5.76009 20.533C5.2916 20.0644 5.29151 19.3044 5.76009 18.8358L19.3363 5.25961Z\" />\n    </svg>\n  );\n}\n"],"names":["ResizeIcon","_props","svg","width","height","viewBox","fill","xmlns","title","path","d"],"mappings":";AAGA,OAAO,SAASA,WAAWC,MAA8C;IACvE,qBACE,MAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;;0BAEN,KAACC;0BAAM;;0BACP,KAACC;gBAAKC,GAAE;;;;AAGd"}

package/dist/components/icon/custom/shipfox-logo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shipfox-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/shipfox-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,KAAK,gBAAgB,GAAG,cAAc,CAAC,sBAAsB,CAAC,GAAG;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAC,KAAiB,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,2CAY1E"}

package/dist/components/icon/custom/shipfox-logo.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/shipfox-logo.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\ntype ShipfoxLogoProps = ComponentProps<RemixiconComponentType> & {\n  color?: string;\n};\n\nexport function ShipfoxLogo({color = '#FF4B00', ...props}: ShipfoxLogoProps) {\n  return (\n    <svg viewBox=\"0 0 88 88\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <title>Shipfox Logo</title>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M17.9759 32.3751L39.0987 74.1549C41.1536 78.2196 46.847 78.2196 48.902 74.1549L70.0247 32.3751L81.2835 38.122C84.6511 39.8409 85.3794 44.4228 82.7171 47.1406L47.9008 82.684C45.7466 84.8831 42.254 84.8831 40.0999 82.684L5.28351 47.1406C2.62124 44.4227 3.34957 39.8409 6.7171 38.122L17.9759 32.3751ZM44.0003 19.0912L73.0051 4.28593C77.7786 1.84936 82.8214 7.06388 80.3737 11.9054L70.0247 32.3751L44.0003 19.0912ZM44.0003 19.0912L14.9955 4.28593C10.2221 1.84936 5.17926 7.06388 7.62699 11.9054L17.9759 32.3751L44.0003 19.0912Z\"\n        fill={color}\n      />\n    </svg>\n  );\n}\n"],"names":["ShipfoxLogo","color","props","svg","viewBox","fill","xmlns","title","path","fillRule","clipRule","d"],"mappings":";AAOA,OAAO,SAASA,YAAY,EAACC,QAAQ,SAAS,EAAE,GAAGC,OAAwB;IACzE,qBACE,MAACC;QAAIC,SAAQ;QAAYC,MAAK;QAAOC,OAAM;QAA8B,GAAGJ,KAAK;;0BAC/E,KAACK;0BAAM;;0BACP,KAACC;gBACCC,UAAS;gBACTC,UAAS;gBACTC,GAAE;gBACFN,MAAMJ;;;;AAId"}

package/dist/components/icon/custom/slack-logo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slack-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/slack-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,KAAK,cAAc,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC;AAE7D,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CA6B9C"}

package/dist/components/icon/custom/slack-logo.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/slack-logo.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport type {ComponentProps} from 'react';\n\ntype SlackLogoProps = ComponentProps<RemixiconComponentType>;\n\nexport function SlackLogo(props: SlackLogoProps) {\n  return (\n    <svg\n      viewBox=\"0 0 28 28\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      {...props}\n    >\n      <title>Slack Logo</title>\n      <path\n        d=\"M6.66988 17.376C6.66988 18.8336 5.4918 20.0117 4.03416 20.0117C2.57653 20.0117 1.39844 18.8336 1.39844 17.376C1.39844 15.9183 2.57653 14.7402 4.03416 14.7402H6.66988V17.376ZM7.98775 17.376C7.98775 15.9183 9.16583 14.7402 10.6235 14.7402C12.0811 14.7402 13.2592 15.9183 13.2592 17.376V23.9653C13.2592 25.4229 12.0811 26.601 10.6235 26.601C9.16583 26.601 7.98775 25.4229 7.98775 23.9653V17.376Z\"\n        fill=\"#E01E5A\"\n      />\n      <path\n        d=\"M10.6279 6.66102C9.17271 6.66102 7.99661 5.48492 7.99661 4.02973C7.99661 2.57455 9.17271 1.39844 10.6279 1.39844C12.0831 1.39844 13.2592 2.57455 13.2592 4.02973V6.66102H10.6279ZM10.6279 7.99661C12.0831 7.99661 13.2592 9.17271 13.2592 10.6279C13.2592 12.0831 12.0831 13.2592 10.6279 13.2592H4.02973C2.57455 13.2592 1.39844 12.0831 1.39844 10.6279C1.39844 9.17271 2.57455 7.99661 4.02973 7.99661H10.6279Z\"\n        fill=\"#36C5F0\"\n      />\n      <path\n        d=\"M21.3295 10.6279C21.3295 9.17271 22.5076 7.99661 23.9653 7.99661C25.4229 7.99661 26.601 9.17271 26.601 10.6279C26.601 12.0831 25.4229 13.2592 23.9653 13.2592H21.3295V10.6279ZM20.0117 10.6279C20.0117 12.0831 18.8336 13.2592 17.376 13.2592C15.9183 13.2592 14.7402 12.0831 14.7402 10.6279V4.02973C14.7402 2.57455 15.9183 1.39844 17.376 1.39844C18.8336 1.39844 20.0117 2.57455 20.0117 4.02973V10.6279Z\"\n        fill=\"#2EB67D\"\n      />\n      <path\n        d=\"M17.3715 21.3295C18.8267 21.3295 20.0028 22.5076 20.0028 23.9653C20.0028 25.4229 18.8267 26.601 17.3715 26.601C15.9163 26.601 14.7402 25.4229 14.7402 23.9653V21.3295H17.3715ZM17.3715 20.0117C15.9163 20.0117 14.7402 18.8336 14.7402 17.376C14.7402 15.9183 15.9163 14.7402 17.3715 14.7402H23.9697C25.4249 14.7402 26.601 15.9183 26.601 17.376C26.601 18.8336 25.4249 20.0117 23.9697 20.0117H17.3715Z\"\n        fill=\"#ECB22E\"\n      />\n    </svg>\n  );\n}\n"],"names":["SlackLogo","props","svg","viewBox","fill","xmlns","aria-hidden","focusable","title","path","d"],"mappings":";AAKA,OAAO,SAASA,UAAUC,KAAqB;IAC7C,qBACE,MAACC;QACCC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACNC,eAAY;QACZC,WAAU;QACT,GAAGN,KAAK;;0BAET,KAACO;0BAAM;;0BACP,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFN,MAAK;;;;AAIb"}

package/dist/components/icon/custom/spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAE7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AA+B1C,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,sBAAsB,CAAC,2CA8GxE"}

package/dist/components/icon/custom/spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/icon/custom/spinner.tsx"],"sourcesContent":["import type {RemixiconComponentType} from '@remixicon/react';\nimport {motion, type SVGMotionProps, type Variants} from 'framer-motion';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst SEGMENT_COUNT = 8;\nconst DURATION = 1.2;\nconst BASE_OPACITY = 0;\n\nconst CLOCKWISE_ORDER = [1, 8, 4, 6, 2, 7, 3, 5];\n\nconst segmentVariants: Record<string, Variants> = {};\n\nfor (let i = 0; i < SEGMENT_COUNT; i++) {\n  const segmentIndex = CLOCKWISE_ORDER[i];\n  const delay = (i * DURATION) / SEGMENT_COUNT;\n\n  segmentVariants[`segment${segmentIndex}`] = {\n    initial: {opacity: BASE_OPACITY},\n    animate: {\n      opacity: [BASE_OPACITY, 1, BASE_OPACITY],\n      transition: {\n        duration: DURATION,\n        ease: 'easeInOut',\n        repeat: Infinity,\n        repeatType: 'loop',\n        delay,\n        times: [0, 0.5, 1],\n      },\n    },\n  };\n}\n\nexport function SpinnerIcon(props: ComponentProps<RemixiconComponentType>) {\n  const {className, size, ...restProps} = props;\n\n  const iconSize = size ?? 24;\n\n  const svgProps: SVGMotionProps<SVGSVGElement> = {\n    width: typeof iconSize === 'number' ? String(iconSize) : iconSize,\n    height: typeof iconSize === 'number' ? String(iconSize) : iconSize,\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    xmlns: 'http://www.w3.org/2000/svg',\n    className: cn(className),\n    initial: 'initial',\n    animate: 'animate',\n    ...(restProps as SVGMotionProps<SVGSVGElement>),\n  };\n  return (\n    <motion.svg {...svgProps}>\n      <title>Spinner</title>\n      <motion.path\n        d=\"M10.583 1.91667C10.583 1.41041 10.9934 1 11.4997 1C12.0059 1 12.4163 1.41041 12.4163 1.91667V5.58333C12.4163 6.08959 12.0059 6.5 11.4997 6.5C10.9934 6.5 10.583 6.08959 10.583 5.58333V1.91667Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment1}\n      />\n      <motion.rect\n        x=\"10.583\"\n        y=\"17.5\"\n        width=\"1.83333\"\n        height=\"5.5\"\n        rx=\"0.916667\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment2}\n      />\n      <motion.path\n        d=\"M1.41667 12.918C0.910406 12.918 0.5 12.5076 0.5 12.0013C0.5 11.495 0.910405 11.0846 1.41667 11.0846L5.08333 11.0846C5.58959 11.0846 6 11.495 6 12.0013C6 12.5076 5.58959 12.918 5.08333 12.918L1.41667 12.918Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment3}\n      />\n      <motion.path\n        d=\"M17.9167 12.918C17.4104 12.918 17 12.5076 17 12.0013C17 11.495 17.4104 11.0846 17.9167 11.0846L21.5833 11.0846C22.0896 11.0846 22.5 11.495 22.5 12.0013C22.5 12.5076 22.0896 12.918 21.5833 12.918L17.9167 12.918Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment4}\n      />\n      <motion.path\n        d=\"M3.7224 5.52123C3.36442 5.16325 3.36442 4.58285 3.7224 4.22487C4.08038 3.86689 4.66078 3.86688 5.01876 4.22487L7.61149 6.81759C7.96947 7.17557 7.96947 7.75597 7.61149 8.11395C7.25351 8.47193 6.67311 8.47193 6.31512 8.11395L3.7224 5.52123Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment5}\n      />\n      <motion.rect\n        x=\"14.7412\"\n        y=\"16.5391\"\n        width=\"1.83333\"\n        height=\"5.5\"\n        rx=\"0.916667\"\n        transform=\"rotate(-45 14.7412 16.5391)\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment6}\n      />\n      <motion.path\n        d=\"M5.0183 19.7796C4.66032 20.1375 4.07992 20.1375 3.72194 19.7796C3.36396 19.4216 3.36396 18.8412 3.72194 18.4832L6.31466 15.8905C6.67264 15.5325 7.25304 15.5325 7.61102 15.8905C7.969 16.2484 7.969 16.8288 7.61102 17.1868L5.0183 19.7796Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment7}\n      />\n      <motion.path\n        d=\"M16.6853 8.11354C16.3273 8.47152 15.7469 8.47152 15.3889 8.11354C15.0309 7.75556 15.0309 7.17516 15.3889 6.81718L17.9817 4.22445C18.3396 3.86647 18.92 3.86647 19.278 4.22445C19.636 4.58243 19.636 5.16283 19.278 5.52081L16.6853 8.11354Z\"\n        fill=\"currentColor\"\n        stroke=\"currentColor\"\n        style={{fill: 'currentColor', fillOpacity: 1, stroke: 'currentColor', strokeOpacity: 1}}\n        strokeWidth=\"0.916667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        variants={segmentVariants.segment8}\n      />\n    </motion.svg>\n  );\n}\n"],"names":["motion","cn","SEGMENT_COUNT","DURATION","BASE_OPACITY","CLOCKWISE_ORDER","segmentVariants","i","segmentIndex","delay","initial","opacity","animate","transition","duration","ease","repeat","Infinity","repeatType","times","SpinnerIcon","props","className","size","restProps","iconSize","svgProps","width","String","height","viewBox","fill","xmlns","svg","title","path","d","stroke","style","fillOpacity","strokeOpacity","strokeWidth","strokeLinecap","strokeLinejoin","variants","segment1","rect","x","y","rx","segment2","segment3","segment4","segment5","transform","segment6","segment7","segment8"],"mappings":"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"}

package/dist/components/icon/custom/stripe-logo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stripe-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/custom/stripe-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAE1C,KAAK,eAAe,GAAG,cAAc,CAAC,sBAAsB,CAAC,GAAG;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAC,KAAiB,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAmBxE"}