@mgoodfellow/park-ui-panda-preset/src/utils/create-radii.ts

Panda CSS Preset for Park UI

import { Match } from 'effect'

export type Radii = (typeof borderRadii)[number]
export const borderRadii = ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const

export const createRadii = (radii: Radii) =>
  Match.value(radii).pipe(
    Match.when('xs', () => ({
      l1: { value: '{radii.2xs}' },
      l2: { value: '{radii.xs}' },
      l3: { value: '{radii.sm}' },
    })),
    Match.when('sm', () => ({
      l1: { value: '{radii.xs}' },
      l2: { value: '{radii.sm}' },
      l3: { value: '{radii.md}' },
    })),
    Match.when('md', () => ({
      l1: { value: '{radii.sm}' },
      l2: { value: '{radii.md}' },
      l3: { value: '{radii.lg}' },
    })),
    Match.when('lg', () => ({
      l1: { value: '{radii.md}' },
      l2: { value: '{radii.lg}' },
      l3: { value: '{radii.xl}' },
    })),
    Match.when('xl', () => ({
      l1: { value: '{radii.lg}' },
      l2: { value: '{radii.xl}' },
      l3: { value: '{radii.2xl}' },
    })),
    Match.when('2xl', () => ({
      l1: { value: '{radii.xl}' },
      l2: { value: '{radii.2xl}' },
      l3: { value: '{radii.3xl}' },
    })),
    Match.orElse(() => ({
      l1: { value: '{radii.none}' },
      l2: { value: '{radii.none}' },
      l3: { value: '{radii.none}' },
    })),
  )